自己总结一下vuex
创建store文件夹 下级index.js
引入vue,vuex
准备actions 和mutations和state
就是const actions{}
随后 Vue.use(Vuex)
再创建暴露 export default new Vuex.Store() // 也就是创建一个Store实例
{actions, //同名所以直接写就行
mutations,
state,
}
随后在main.js中导入store也就是这个index.js
vuex在index.js文件中分为四个
actions 处理触发事件之前的前置操作 用的函数是dispatch(context,value )
mutations 处理触发事件的主要操作 用的函数是commit(state,value )
states 得到的最终数据
getters 得到的数据进行再处理
在vue文件中引用vuex需要先引入方法或者是函数
引入函数在computed中引入 在此之前需要import {mapState} from 'vuex'
用mapState([ ]) / mapGatter([ ]) 用之前都要进行import
引用函数要在methods中引入
引入mapAction([ ]) /mapCommit([ ]) 同样用之前都要从vuex中import