Vue数据代理
什么是vue中的数据代理？
- 通过
vm对象来代理data对象中属性的操作（读/写）
Vue中数据代理的好处：
- 更加方便的操作
data中的数据
基本原理：
- 通过
Object.defineProperty()把data对象中所有属性添加到vm上。 - 为每一个添加到vm上的属性，都指定一个
getter/setter。 - 在
getter/setter内部去操作（读/写）data中对应的属性。
html
<div id="app">
<h2>学校名字：{{name}}</h2>
<h2>地址：{{address}}</h2>
</div>
const vm = new Vue({
el: '#root',
data: {
name: '阳光小学',
address: '疙瘩村19号'
},
})
console.log(vm)
输出结果.png
后台.png
