vue实例中的data为什么可以直接通过this调用？

Question

vue实例中的data为什么可以直接通过this调用，这个问题不太了解，希望大佬们不吝赐教

Answer 1

简单来讲，vue 对 data 这个固定对象里的所有属性进行监听，即响应式处理，同时又绑定到了当前的组件实例上 this 上。

其实也可以直接 this.a 声明一个属性，但是vue 监听不到 a 的变化了，而放在 data 里（即data.a）则相反。