1.npm i vuex -D裝上依賴文件
2.在src目錄下建一個倉庫文件夾瓶埋,文件夾里面寫入store.js如下
3.store.js文件內容扬舒,進行暴露拓瞪,然后main.js進行導入
4.main.js導入
5.接下來可以任意組件調用了,通過這種方式
6.如果需要對數(shù)據(jù)進行操作
查看所有組件信息均得到了修改
關于vuex:
1.vuex是專門為vue提供的狀態(tài)管理工具
2.便于維護枝誊,vue中引用vuex顽聂,解決狀態(tài)之間的管理問題
3.多個組件調用yi個狀態(tài)逻淌,將組件與組件之間的傳值改成組件與倉庫之間的傳值
4.vuex適用于大型項目么伯,如果不是大型項目,回事代碼更加繁瑣
vuex的核心:
state:存放多個組件共享的狀態(tài)
mutations:存放更改state里的狀態(tài)的方法卡儒,是唯一一個更改狀態(tài)的屬性
getters:用于state中的某一個狀態(tài)進行過濾
actions:用于調用事件動作蹦狂,并傳遞給mutation
modules:主要用來拆分state