vuex使用

其中的{commit}其实都是代表的state,这样的写法可以直接调用(对象的解构)

我们建议创建vuex时候按照这样的项目结构,并且actions中存储的代码是异步执行的代码。而mutations中的代码是同步执行的。


又或者你又可能遇到mutations-type.js这样的js文件(这个文件不需要引入到index.js中),它的存在并没有什么实际的意义,主要是针对多人同时开发的时候的命名问题。


mutations.js中的是大概这样的,


actions.js的大致编写是这样的,目的是让每个调用它的实力都能直接调用其中的某个方法调用方法为this.$store.dispatch('函数名',{key: value})


通过调用actions中的函数来执行mutations中的函数的时候是commit(函数名,参数)

changePkg = ({commit}, data) =>{}是定义actions中的函数,内部是执行mutations的步骤


你需要将你创建的actions和mutations文件都引入到index.js中,这样才能使用这些函数,并且引入的时候我们建议您这样引入。

因为只有这样引入之后的挂载的时候才能使用解构的方法,避免一些不必要的代码编写。

最后的时候记得将你创建的这个store导出,

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 安装 npm npm install vuex --save 在一个模块化的打包系统中,您必须显式地通过Vue.u...
    萧玄辞阅读 7,991评论 0 7
  • actions 所有异步操作只能放在actions 中 Action 可以包含任意异步操作。(为了告诉自己的,怕忘...
    城门小胡同阅读 2,784评论 0 1
  • Vuex 是 状态管理的编程模式 + 工具库,适用于 Vue.js 编写的应用。它作为一个集中化的 store (...
    lion1ou阅读 9,143评论 2 7
  • vuex中几个核心概念: state, getters, mutations, actions, module g...
    IOneStar阅读 14,739评论 3 13
  • Vuex是什么? Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式,方便数据管理,避免数据重复加载,...
    席坤阅读 3,411评论 0 0