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 ,错误找了一个小时

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

解决vue中无法取得methods方法中的return值
解决vue中无法取得methods方法中的return值参考文章: (1)解决vue中无法取得methods方法中的return值 (2)https://www.cnblogs.com/betty- ...
Vue 中 computed vs methods的区别
computed:计算属性 methods:方法 watch:侦听器 computed与methodes区别 1.computed是响应式的,methods并非响应式. 2.调用方式不一样,compu ...
vue中computed和methods区别
1.computed是响应式的,methods并非响应式. 2.调用方式不一样,computed定义的成员像属性一样访问,methods定义的成员必须以函数形式调用. 3.computed是带缓存的, ...
Vue中import引入模块路径时的@符号
Vue中import引入模块路径时的@符号 1.ES6 模块主要有两个功能:export 和 import export:用户对外输出本模块(一个文件可以理解为一个模块,比如 aaa.js bbb.j ...
vue方法调用失败后多次调用_浅析Vue中 computed / watch / methods的区别
思考:请说下Vue中computed 和 watch 的区别( 面试题 ) 构造选项 computed / watch / methods computed ● computed 起初构想在Vue的 ...
Vue 中 computed ,watch,methods 的异同
methods,watch和computed都是以函数为基础的. computed 和 watch 都可以观察页面的相应式数据的变化.当处理页面的数据变化时,我们有时候很容易滥用watch, 而通常更 ...
vue中Computed、Methods、Watch区别
一.methods.watch.computed的区别 computed 属性的结果会被缓存,除非依赖的响应式属性变化才会重新计算,主要当作属性来使用: methods 方法表示一个具体的操作,主要书 ...
vue接收索引_前端开发：Vue中findIndex() 方法的使用
前端开发过程中对数据的遍历是非常常见的操作,在Vue.js中通过对数组下标遍历操作来进行相关逻辑处理的方法常用的有两种:some()和findIndex() ,二者都是通过遍历数组里面的id值来进行操 ...
高德地图货车路径规划JS API以及WEB API在VUE中使用方法
做一个路径规划系统,使用到了高德地图的API以及VUE,而路径规划方面在高德地图中,货车的接口使用次数是极为有限的,研究了一段时间,所以使用的时候要谨慎一点次数. 本文记录一下高德地图的JS API和 ...

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

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

最新文章

热门文章