Vue狀態管理總結 儲存公共資料

1，新建乙個store目錄，裡面建立store.js，再匯出

適用於全域性公用的方法。

let store = 

}export default store; //注意，匯出export default,而非export

import store from './store/store'

vue.prototype.store = store;

在相應的元件中，使用this.store即可呼叫。

eg:this.store.num

new vue(,

//add 公共方法
methods:
},//add 公共的計算屬性
computed:
},router,
})

let status = this.$root.status;

this.$root.say();

上述兩種方法，都僅僅適用於狀態比較簡單的小型專案。如果狀態過於複雜，則建議使用vuex

vuex使用案例參考我的github:

vuex公共狀態管理

vuex的使用 vuex 用來管理公共的狀態，也就是說當元件之間通訊過於複雜，我們就可以用vuex來管理公共的狀態，這麼所以元件就都可以很容易的訪問到了。簡單的就是非父子之間通訊和快取後端資料，提高使用者體驗 vuex狀態管理的特點 記憶體中，只要重新整理頁面，資料就丟了 訂單，詳情，購物車，不適合...

Vue狀態管理

一 vuex是什麼 二 使用 單向資料流 state const state 使用 this store.state.uid this store.state.nickname getters const getters mutations 不推薦使用 mutations const mutatio...

vue狀態管理vuex

const store new vuex.store mutations changeasync function state,a getters actions 1000 解讀 獲取 this.sto re.s tate nam e th is.store.state.name this.stor...