vue項目中vuex的安裝和使用


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


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM