关于vuex的用法 个人心得

关于一些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代码 如果出现运行错误的话 也可以指出哦