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
|