Vuex 是一個專為 Vue.js 應用程序開發的狀態管理模式。它采用集中式存儲管理應用的所有組件的狀態,並以相應的規則保證狀態以一種可預測的方式發生變化。詳情可參閱vuex官網 https://vuex.vuejs.org/zh/
1、下載安裝vuex
打開IDE(我的是vscode)進入終端,進入項目文件,輸入命令行npm install vuex --save,顯示版本信息等即表示安裝完成,這里就不貼圖了。
2、導入vuex包並創建store倉庫
在項目文件目錄中,在src目錄下創建一個名為store的文件夾,在store文件夾中新建一個名為index.js的文件,如下圖,並在文件中進行如下配置:
3、在main.js中導入store實例
進入src目錄中的main.js文件,導入剛剛新建的store實例,如下圖:
4、檢測vuex是否安裝完成
完成以上步驟就配置完成了,現在測試一下是否可用,在HelloWorld.vue頁面中,輸入{{ this.$store.state.count }}
,由於前面設置的count的值為1,因此頁面若出現數字1,則表示vuex可用了。
參考---https://blog.csdn.net/weixin_40591153/article/details/105303324