vuex vue简单使用知识点总结
vue概念：vuex是Vue配套的公共数据管理工具，它可以把一些共享的数据，保存到vuex中，方便整个程序中的任何组件直接获取或修改我们的公共数据；
配置vuex的步骤：
1、运行cnpmivuex-S
2、导包
importVuexfrom'vuex'
3、将vuex注册到vue中
Vue.use(Vuex)
4、newVuex.Store()实例，得到一个数据仓储对象
varstore=newVuex.Store({
state:{
//大家可以把state想象成组件中的data,专门用来存储数据的
//如果在组件中，想要访问，store中的数据，只能通过this.$store.state.***来访问
count:0
},
mutations:{
//注意：如果要操作store中的state值，只能通过调用mutations提供的方法，才能操作对应的数据，不推荐直接操作state中的数据，因为万一导致了数据的紊乱，不能快速定位到错误的原因，因为，每个组件都可能有操作数据的方法；
increment(state){
state.count++
},
//注意：如果组件想要调用mutations中的方法，只能使用this.$store.commit('方法名')
//这种调用mutations方法的格式，和this.$emit('父组件中方法名')
subtract(state,obj){
//注意：mutations的函数参数列表中，最多支持两个参数，其中，参数1：是state状态；参数2：通过commit提交过来的参数；
console.log(obj)
state.count-=(obj.c+obj.d)
}
},
getters:{
//注意：这里的getters，只负责对外提供数据，不负责修改数据，如果想要修改state中的数据，请去找mutations
optCount:function(state){
return'当前最新的count值是：'+state.count
}
//经过咱们回顾对比，发现getters中的方法，和组件中的过滤器比较类似，因为过滤器和getters都没有修改原数据，都是把原数据做了一层包装，提供给了调用者；
//其次，getters也和computed比较像，只要state中的数据发生变化了，那么，如果getters正好也引用了这个数据，那么就会立即触发getters的重新求值；
}
})
总结：
1.state中的数据，不能直接修改，如果想要修改，必须通过mutations
2.如果组件想要直接从state上获取数据：需要this.$store.state.***
3.如果组件，想要修改数据，必须使用mutations提供的方法，需要通过this.$store.commit('方法的名称'，唯一的一个参数)
4.如果store中state上的数据，在对外提供的时候，需要做一层包装，那么，推荐使用getters,如果需要使用getters,则用this.$store.getters.***
以上就是本次介绍的全部知识点内容，感谢大家的学习和对毛票票的支持。