vuex是什么摊崭?官方是這么定義的????
Vuex 是一個專為 Vue.js 應用程序開發(fā)的狀態(tài)管理模式假颇。它采用集中式存儲管理應用的所有組件的狀態(tài)次慢,并以相應的規(guī)則保證狀態(tài)以一種可預測的方式發(fā)生變化岩馍。Vuex 也集成到 Vue 的官方調試工具?devtools extension倒淫,提供了諸如零配置的 time-travel 調試伙菊、狀態(tài)快照導入導出等高級調試功能。
個人理解就是vuex是vue的一個小型狀態(tài)管理倉庫,可以跨頁面操作其他頁面的數(shù)據狀態(tài)镜硕。
基于vue-cli
安裝
下載vuex运翼,npm install vuex --sava。這里為什么要加save因為vuex不光在開發(fā)使用在生產環(huán)境也需要使用兴枯。
新建文件夾vuex南蹂,在vuex下面創(chuàng)建store.js文件,寫入代碼
引入
其他頁面拿到vuex里面的數(shù)據
這里注意的是引入vuex的時候必須加一個{}念恍,不然會報錯六剥。
其他頁面修改vuex的數(shù)據
vuex持久化
思路
vuex也是js,所以在客戶端峰伙,頁面刷新后數(shù)據就丟失了疗疟,有時候我們希望數(shù)據一直都在,這樣我們就需要用到常用的常用的存儲工具localStory瞳氓,思路就是每次數(shù)據發(fā)生改變的時候就存入一下localStory策彤,然后初始化的時候讀取一下localStory就可以了。
實現(xiàn)
這里只是簡單的介紹了一下vuex的使用匣摘,如果想深入學習可以點擊Introduction · Vuex官方文檔學習店诗。