vue2中vuex的用法

vuex
2022年2月7日，vue3成为默认版本，如果直接npm i vue 安装的直接就是vue3了，并且vue3成为默认版本的同时，vuex也更新到了4版本，那么也就是说如果我们直接npm i vuex安装的是vuex4，而vuex的4版本只能在vue3中使用，vue2中要用vuex的3版本，vue3中要用vuex的4版本，所以使用vue2要安装vuex3,  :     npm i vuex@3
生命周期
actions—响应组件中的动作—服务员
const actions = {}     dispatch跟他对话
(context,value)

mutations—操作(修改)数据（state—厨师
const mutations = {}   commit跟他对话
为了做区分，里面的方法名建议大写
(state,value)

state——存储数据
const state = {}

前面三个，组件读取：$store.state.sum

getters——将state中的数据进行加工,相当于computed计算属性
const getters = {}
组件读取：$store.getters.sum

...mapState(前面加三个点（展开运算符）的意思是，把每一组key-value展开放入.mapStat中)   是对象，依次取出放入这个位置

借助mapMutations和mapActions生成方法的时候，里面具体的值，要通过template里的方法传值，如<button @click="increment(n)">+</button>

开启命名空间:namespaced:true,
读取对像属性使用点语法，以为着里面不能有斜线可换成[ ],包裹

npm  i axios
npm i less-loader@7
vue i nanoid
npm i vuex@3
npm i vue-router