vuex学习
1、vuex有5大核心:state,getter,mutation,action,module
state:用来存放要被管理的数据;getter相当于compted属性
mutation:定义要修改state中数据的方法,改变state
action用来定义异步的一些方法,改变mutation
module:将多个store分成一个一个模块
2、action其实就是commit一个Mutation
每一个Mutation都有一个类型和处理函数,处理函数会自动获得一个默认参数State,类型其实就是名字
3、同步:直接能拿到结果
异步:不能直接拿到结果
4、一个函数的返回值在setTimeout,,AJAX,,AddEventListener三个东西内部
5.拿到异步函数的结果有两种方式:
(1)轮训:定时询问拿到结果了没
(2)回调就是写一个函数fn,传给异步函数,当异步函数执行完毕时,调用fn,通过回调拿到异步结
-
我写了函数A,传给函数B, B会调用函数A, 那么A就是回调
arr.forEach((item)=>console.log(item))
(item)=>console.log(item) 这个箭头函数就是一个回调
6、computed计算属性,当A的计算逻辑比较复杂时候,可放在computed属性中计算
7、箭头函数:用箭头定义函数
(1)只有一个参数
var f = a => a
等同于
var f = function(a){
return a;
}
(2)不需要参数或多个参数
无形参
var f =() => 5
等同于
var f = function () {
return 5
};
多个形参
var sum = (num1,num2) => num1+num2;
等同于
var sum =function (num1,num2){
return num1+num2;
}
8、mapGetters辅助函数:仅仅是将store中的getter映射到局部计算属性
9、mutation接受state作为第一个参数,改变状态的值
浙公网安备 33010602011771号