狀態管理有點像是 cookie 或 localStorage,可是又多了更多操作可以用,讓你再切換頁面時可以使用相同的變數。
用來使用這個功能的套件叫做 vuex
以下不是狀態管理全部的功能,但是最常在用的其實就是這些
state
首先先來定義一個可以在各個網頁頁面取用的變數吧
所有的狀態管理設定都是寫在 src/store/index.ts
在 state 裡面定義變數
mutation
再來定義一個可以改變 state 裡面變數的值的方法,方法要寫在 mutations 內
方法的第一個參數是代表狀態管理裡面的 state,第二個參數之後就看你怎麼玩,像我這裡是寫一個方法,state 內的 variable1 會被改變成方法的第二個參數