store: 數(shù)據(jù)倉(cāng)庫(kù),是每一個(gè)vuex應(yīng)用的核心,用來(lái)存儲(chǔ)所有交互數(shù)據(jù)
核心概念:
state: 用來(lái)存放所有交互數(shù)據(jù)
mutation: 改變,只有它可以操作state數(shù)據(jù)改變
vue + vuex 全家桶結(jié)合
1. 定義vuex的數(shù)據(jù)(index.js),創(chuàng)建store對(duì)象并暴露
2. 在main.js中引入暴露的store對(duì)象,注入到new Vue()實(shí)例中
3. 在組件中使用vuex倉(cāng)庫(kù)的數(shù)據(jù)
想要訪問(wèn)屬性有兩種方式:
1. this.$store.state.xxxx
2. 寫(xiě)入計(jì)算屬性(性能更高),在獲取
computed: {xxx(){return this.$store.state.xxxx}}
{{ xxx }}
4. 數(shù)據(jù)多頁(yè)面共享傳遞以后,如果想要改變數(shù)據(jù)
只要改變vuex數(shù)據(jù),就Mutation
5.先書(shū)寫(xiě)一個(gè)mutation函數(shù)mutations: {xxx(state, 參數(shù)){}}
6. 改變時(shí),使用this.$store.commit('mutation名字',參數(shù))