vuex的详解

2020-10-07  本文已影响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作为第二个参数传入

上一篇 下一篇

猜你喜欢

热点阅读