一 安裝
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中添加