vue項目中使用vueX


一 安裝

npm install vuex --save

二 我們項目 目錄下建立一個 store 文件夾,並且在下面建立一個 store.js 文件

 

 store.js中引入 Vue 和 Vuex 並且 Vue.use(Vuex);

三在main.js中掛載

 

 main.js中代碼如下

 

 四 在store.js中添加全局變量

 

 

 

 

 五 如何在頁面中獲取 state 里面的 數據呢?

通過 this.$store.state.name 可以拿到 state里面的name

六  改變全局變量state里面的值這時候就可以用到  mutations

1.首先在實例vue中添加代碼

 2.修改store.js文件,添加mutations,在mutations中添加函數

 沒有改變之前頁面展示如下

改變之后頁面展示如下

 

七 如果想發axax請求,然后根據返回的數據改變全局變量,這時候用到actions

  vue文件中添加

 

 store.js中添加


免責聲明!

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



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