vue中的方法 methods 定义时不要使用箭头函数

今天在vue中引入vuex的时候出现了错误，解决了一个多少时，总结如下：

vuex 的使用：

vuex就是一个状态管里中心 也好比一个仓库

细分可分为五个部分，这是我不考虑 module

分别是 state geters setter mutations actions

state 就是要存入的数据

getters setters 就不用多说的，是获取和设置数据用的

mutations  是可是操作 state中数据的一个层  在vue中用 commit来调用   用来 同步 同步 同步写入数据

actions  是用来操作 mutations的 在 actions中可以进行异步操作，如发送一个url请求，得到返回数据 再调用 mutations来写处理返回的数据到 state中 可以说是一个异步 异步 异步的写入的  在vue中用 dispatch  来调用 mutations

上图是vuex的推荐目录

在store.js中引入 state.js  mutations.js actions.js  

如下图

actions.js

state.js

mutations.js

store.js

 完成之后在 main.js中引入

这样就可以在任意组件中使用 store了    js中的使和方法是 this.$store.state   this.$store.commit  this.$store.dispatch

template中使用方法是 {{$store.state.paramname}}

 

这里要说一个注意的地方 其实vue的文档中已级作了说明，就是在 vue的 methods中的方法定义的时候不要使用 箭头函数 如果使用的话， this 的指向就是错误的 具体原因在文档中

 

我就是在写方法时使用了 箭头函数，导到 this.$store 是一个 undefined ,错误找了一个小时