1、data 中的数据是用来存储的
2、Vue 实例中的数据是用来代理对 data 数据访问的
3、为了方便
实现原理:
// ### 在 vue 响应式章节里,为什么需要将 data 里面的对象挂到 vue 实例上?
// ### 1、data 中的数据是用来存储的
// ### 2、Vue 实例中的数据是用来代理对 data 数据访问的
// ## 3、为了方便
// 专门用来存储数据的对象
const data = {
a: 1,
b: 2
}
// 代理对象
const Vue = {}
Object.defineProperty(Vue, 'a', {
get () {
return data.a
},
set (val) {
data.a = val
}
})
console.log(Vue.a)