vue.js中this为什么可以访问属性的属性

Question

vue.js中this为什么可以访问属性的属性

Answer 1

vue.js中this可以访问属性的属性的原因：
el、data、computed都应该理解为Vue对象的声明对象内容的关键字，而不是它的直接属性。
那么在data声明的就是它（vm本身）的数据属性，在computed中声明的就是它的计算属性，在methods中声明的就是它的方法。

Answer 2

this的指向按以下优先级：

1. 函数的bind函数指定的对象，例如 var f = (function(){console.log(this)}).bind("abc"); //this === "abc"

2. 使用call和apply调用函数时指定的对象，例如 (function(){console.log(this)}).call("abc"); //this === abc

3. 函数的宿主对象，例如   var obj = {f: function(){console.log(this)}}; //this === obj

4. window/global