vuex

Posted anziran

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vuex相关的知识,希望对你有一定的参考价值。

vuex可以用来存放组件状态(state)

new Vuex.Store({

  state:{

    //存放数据

  },

  getters:{

    //从state中分离出新数据

  },

  mutations:{

    //修改数据

  },

  actions:{

    //异步获取数据

  },

  modules:{

    //数据过多时,我们应该将不同组件的数据分模块划分

  }

})

修改state的唯一方式就是提交mutation

commit()

组件中使用commit this.$store.commit(‘mutation名字‘,‘数据‘)

action中需要需要先从参数中获取commit

actions:{

  //actionName(context){}

  actionName({commit}){

  commit(‘mutation‘)

  }

}

action中进行异步操作,想要调用action,需要使用dispatch(‘actionname‘,数据)

如果我们使用了module

那么module中建议添加选项namespaced:true

添加了namespaced:true 之后我们对应的getters mutation哟及actions都会变成

模块名/gettername

模块名/mutationname

模块名/actionname

以上是关于vuex的主要内容,如果未能解决你的问题,请参考以下文章

Vuex

Vuex基本介绍

Vuex状态管理机制

Vuex笔记

vuex 基本用法

备忘录应用