美文网首页
vuex的详解

vuex的详解

作者: 黑白说程序 | 来源:发表于2020-10-07 19:43 被阅读0次

    const store =  new Vuex.Store({

     state: { //存储状态

      },

      mutations: {//修改state中的数据

      },

      actions: {//处理异步数据

      },

      modules: {

      },

    getters:{//相当于computed计算属性

    }

    })

     state:主要是存储全局状态

     mutations:对state里的数据进行修改,里面可以定义方法,默认第一个参数是state,也可以所是全局存储的变量例如:addnum(state){ state.num}   后面也可以跟参数

    当需要传递多个参数时,我们可以用另一种方式payload。type是mutations中的方法名字,

    注意:

    state是可以是定义任何变量名字,但是都是指向state

    getters:相当于computed计算属性,他也默认第一个参数是state,如果想传参数要需要return一个函数接收参数

    返回一个函数,其实就是将值直接传入函数

    在getters中如果有一个方法是需要其他一个方法的值,那么可以直接吧getters作为第二个参数传入

    相关文章

      网友评论

          本文标题:vuex的详解

          本文链接:https://www.haomeiwen.com/subject/fmkjuktx.html