配置Vuex的步骤
-
运行 cnpm i vuex -s
-
导入包
import Vuex from 'vuex'
-
注册vuex到vue中
Vue.use(Vuex )
-
new Vuex.Store()实例,得到一个数据仓储对象
var store = new Vuex.Store({
state: {
//可以把state想象成组件中的date,专门用来存储数据的
count:0;
},
mutation{
//如果要操作state中的值只能通过调用mutation提供的方法,才能 操作对应的数据,不推荐在调用state的地方去直接操作state中的数据,因为万一导致了数据的紊乱,不能快速的定位到错误的原因,因为每个组件的都可能有操作数据的方法
},
getters:{
//如果传出去的数据需要进行封装,那就用getters进行封装一遍
}
})const App from ‘./App.vue’
const vm = new vue({
…
store:store
})