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,通过回调拿到异步结

    1. 我写了函数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作为第一个参数,改变状态的值

posted on 2022-08-03 17:32  ChanXM  阅读(29)  评论(0)    收藏  举报

导航