vuex作用
1、vuex是vue的一个插件
2、给vue进行共享数据的状态管理状态机
3、适合中大型项目的开发
应用
1.实例化
var store=new Vuex.Store({
state:{
//管理数据状态-数据初始化
//类似与data
list
student
teacher
…
},
getters:{
//获取器-类似计算属性
//获取state中的数据
student:state=>state.student
–>
student:function(state){
//系统注入state
return state.student.filter()
}
},
mutations:{
//突变-类似于methods
//只能声明同步函数
//只能通过突变-》修改state
addMemo(state,id){
//state系统注入
//第二个参数位置为自主注入参数
}
},
actions:{
//动作-类似于methods-书写异步函数
getData(context,id){
//context:当前状态机对象:this
//第二个参数位置开始,为自主注入参数
$.get(url,function(data){
student=data.list;
actions->突变-》改变state
})
}
}
})
addMemo(10);
teacher.clazz=[];
student.clazz->[]
teacher->触发突变-》改变state