用不同的寫法來實作 Todolist
為什麼大家都在做 TodoList?
因為 Todolist 包含完整的 CRUD 行為,又功能需求不複雜,很適合當作小專案來練習。
最近六角學院的公開活動 Vue3 夏令營,還有自己練習 JavaScript 的關係,用不同的寫法實作 Todolist 後,總結出上述的心得。
在這裡記錄一下寫法上的差異。
因為 Todolist 包含完整的 CRUD 行為,又功能需求不複雜,很適合當作小專案來練習。
最近六角學院的公開活動 Vue3 夏令營,還有自己練習 JavaScript 的關係,用不同的寫法實作 Todolist 後,總結出上述的心得。
在這裡記錄一下寫法上的差異。
經由子元件來觸發父件的事件
把事件綁在父元件裡this.$on('say-hi')
子元件呼叫這個事件的時候要寫成this.$parent.$emit('say-hi')
一開始看不懂vuex為何要分mutation跟action兩個寫法,後來查閱了一些資料、加上問公司的前輩,雖然明白了,但還沒辦法體會。
目前先記錄下來,不保證以下內容是正確的觀念。
常常忘記子傳父($emit)的寫法,這裡筆記一下
子件的事件被觸發的時候要做事
把事件綁在template上@click-child