vuex描述

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
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值