关于一些 vuex 的用法 个人心得 闲时记下
vuex 安装
npm install vuex –save
cnpm install vuex –save
cnpm 配置方法
npm install -g cnpm –registry=https://registry.npm.taobao.org
官方文档里面关于 vuex 的描述
这里只说说 我自己对于 vuex 用法的理解 如有不对 请指出
首先你要这样
然后 这样
然后 在你的入口文件 一般就是 main.js
state: vuex 的核心 存放着所有需要使用的数据
以上内容是我项目里面的数据 举个栗子
mutation: 引用官网的依据话。更改 Vuex 的 store 中的状态的唯一
方法是提交 mutation。完美的解释了 Mutation 的作用。
传递值方式
action: action 提交的就是 Mutation 因为更改 vuex 的 store 中的状态只能够是使用 Mutation, 所以 action 是无法直接修改 store 的状态的。
action 使用方法 需要注意的是 action 提交的是 Mutation 不要弄错哦
如果你的项目比较复杂 你还可以这样
使用 module 分块方式来进行管理
每一个 Js 就是对应某个业务代码的分块 这样的话 维护起来会比较方便
每一个分块 都有自己独立的 state mutation action
最后只需要在 index.js 里面引入就可以了
这是 getter 的写法 这样的话只要 getter 里面有返回值的 都可以通过
this.$store.getter. … 取到值
至于最后关于辅助函数的具体用法 下次再讲吧
以上就是我再项目里面使用过的关于 vuex 的方法 有不对的地方希望大家都指出来哦 一起讨论 一起进步
还有就是上面的代码都是手写的 Demo 代码 如果出现运行错误的话 也可以指出哦