Vue的this指向问题
发布时间:2019-03-08 00:07 星期五
问题简述:
在Vue开发项目的过程中,我们大部分时候使用this都是为了操作Vue实例这一对象,主要是为了修改数据,但是当我们的函数层次多了之后,很可能调用的时候this的指向就会有一定的问题。
解决方法:
1.我们在函数最初定义的时候就直接把当前的this对象赋值给一个新建的对象,这样我们需要调用this的时候直接调用新建的对象即可,而且不会产生this指向错误问题
ThisVue:function(){
let self = this;
}
2.使用箭头函数
箭头函数没有this指向,他的this指向是继承而来,默认的指向是创建函数时的指向,而不是执行时调用对象的this指向。
箭头函数可以让我们在一些特殊函数里面更加方便的调用当前的this,而不是函数修改后的this指向,如setTimeout ,setInterval