vue中this的指向

vue中this的指向

在vue的官方文档中，是这样解释的：
methods 将被混入到 Vue 实例中。可以直接通过 VM 实例访问这些方法，或者在指令表达式中使用。方法中的 this自动绑定为 Vue 实例。
-----但是注意，不应该使用箭头函数来定义 method 函数 (例如 plus: () => this.a++)。理由是箭头函数绑定了父级作用域的上下文，所以 this 将不会按照期望指向 Vue 实例，this.a 将是undefined。

1. Vue中生命周期钩子和自定义方法中的this指向当前的 Vue 实例，生命周期钩子的 this 上下文指向调用它的 Vue 实例。

2. Vue 中回调函数中的 this

   若回调函数为匿名函数，非严格模式下指向 window,严格模式下为 undefined。
   
   若回调函数为自定义方法，则 this 指向 Vue 实例。
   
   若回调函数为 箭头函数，则 this 指向 Vue 实例。
   

3. Vue 中 addEventListener 中的 this
   通常，事件监听函数中的 this 都指向绑定事件的那个元素, 但是在 Vue 中，监听函数中的 this 也指向 Vue 实例

   总结：除了回调函数中的 this ，其它地方的 this 均指向 Vue 实例