vuex是为了保存组件之间数据的共享而诞生的，如果组件之间有要共享的数据，可以直接挂到vuex中区，而不必再通过父子之间的传值了。如果组件的数据不必要共分享，此时这些不必要共享的私有数据，没必要放到vuex中；
只有共享的数据，才有权利放到vuex中；
组件内部私有数据，只要放到data中即可；
props和data和vuex之间的区别；
vuex是一个全局共享区域存储数据，就相当于是一个数据的仓库；
props是子组件存储从父组件传递过来的数据；
data中存放的是组件的私有数据；
配置vuex的步骤：
1.装包： npm i vuex -s
2.导入包： import Vuex from ‘vuex’
3.注册vuex到vue中： Vue.use(Vuex)
4.var store = new Vuex.store()得到一个数据存储对象
5.把store挂在到vue的实例对象中
6.如果子组件想要访问store中的数据，只能通过this.$store.state.***来获取
mutations:{
//这个里面是存储vuex中的方法的
increase(state){
syate.count++
}
}
子组件想调用这个方法需要通过
this.$store.commit('方法名')
来对vuex中的方法进行调用
网友评论