2022-10-06|閱讀時間 ‧ 約 1 分鐘

[9] State management

狀態管理有點像是 cookielocalStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。
用來使用這個功能的套件叫做 vuex
以下不是狀態管理全部的功能,但是最常在用的其實就是這些

state

首先先來定義一個可以在各個網頁頁面取用的變數吧
所有的狀態管理設定都是寫在 src/store/index.ts
state 裡面定義變數

mutation

再來定義一個可以改變 state 裡面變數的值的方法,方法要寫在 mutations
方法的第一個參數是代表狀態管理裡面的 state,第二個參數之後就看你怎麼玩,像我這裡是寫一個方法,state 內的 variable1 會被改變成方法的第二個參數
分享至
成為作者繼續創作的動力吧!
比起詳細教學單一技能,網路上或者市面上整合多項技能的教學相對少很多,但要真的完成一項專案往往不是只靠一項技能便能做到。 而且教科書式的完整教學也比較枯燥乏味,因此我想以自身的經驗為例,以全端開發各項技能中最常用到的部分進行講解,讓讀者能夠快速上手掌握全端技能。
從 Google News 追蹤更多 vocus 的最新精選內容從 Google News 追蹤更多 vocus 的最新精選內容

發表回應

成為會員 後即可發表留言