前端框架御三家之一的 Vue,在 2020 年第四季迎來的第三代版本,代號為 One Piece。雖說已略為上手 2.0 版,決定藉由 HiSKIO 2020 Vue3 專業職人 的課程,來加速自己的熟悉程度。這篇會筆記下 Vuex 的運用。
課程相關資訊
[連結]:https://hiskio.com/courses/286/lectures/22728
本篇範圍:Chapter 9 ( Vuex 資料流 ) ,一共有 12 篇
請注意:本系列文章為個人對應課程的消化吸收後,所整理出來的內容。換言之,並不一定會包含全部的課程內容,也有可能會添加其他資源來說明。
筆記
1. vuex 是讓你能更方便的管理你的資料,避免頻繁的撰寫 props / emit 來傳遞資料值
2. 將資料處理邏輯留在 vuex 中,所以可以使用 getters 的語法,來取得 vuex 中的 state ,或是取得其處理後的狀態
3. 當要改變資料,「觸發的事件」要寫在 actions 中 ( 可以多次,無暫存效果 )。「實際改變值的動作」要寫在 Mutations 中。這兩者的函式名稱可以是不一樣的。
4. 統一資料流流向,非常重要。先用 dispatch,再發 commit 。
5. 利用 namespace ,就可以避免不同 module 間的影響,進而可以使用同樣的變數名稱