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

[9] State management

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

state

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

mutation

再來定義一個可以改變 state 裡面變數的值的方法,方法要寫在 mutations
方法的第一個參數是代表狀態管理裡面的 state,第二個參數之後就看你怎麼玩,像我這裡是寫一個方法,state 內的 variable1 會被改變成方法的第二個參數
付費訂閱
分享至
成為作者繼續創作的動力吧!
© 2024 vocus All rights reserved.