问题简述:

在Vue开发项目的过程中,我们大部分时候使用this都是为了操作Vue实例这一对象,主要是为了修改数据,但是当我们的函数层次多了之后,很可能调用的时候this的指向就会有一定的问题。

解决方法:

1.我们在函数最初定义的时候就直接把当前的this对象赋值给一个新建的对象,这样我们需要调用this的时候直接调用新建的对象即可,而且不会产生this指向错误问题

ThisVue:function(){
  let self = this;
}

2.使用箭头函数

箭头函数没有this指向,他的this指向是继承而来,默认的指向是创建函数时的指向,而不是执行时调用对象的this指向。

箭头函数可以让我们在一些特殊函数里面更加方便的调用当前的this,而不是函数修改后的this指向,如setTimeout ,setInterval