Vue数据代理
什么是vue中的数据代理?
- 通过
vm
对象来代理data
对象中属性的操作(读/写)Vue中数据代理的好处:
- 更加方便的操作
data
中的数据基本原理:
- 通过
Object.defineProperty()
把data对象中所有属性添加到vm上。 - 为每一个添加到vm上的属性,都指定一个
getter/setter
。 - 在
getter/setter
内部去操作(读/写)data中对应的属性。html
1
2
3
4<div id="app">
<h2>学校名字:{{name}}</h2>
<h2>地址:{{address}}</h2>
</div>1
2
3
4
5
6
7
8const vm = new Vue({
el: '#root',
data: {
name: '阳光小学',
address: '疙瘩村19号'
},
})
console.log(vm)
如果对你有所帮助,欢迎点赞收藏哦,共同进步哦!!
你会了吗?谢谢你请我喝奶茶,盒盒盒 ↓↓↓
- 本文作者: it JinZhan
- 本文链接: http://example.com/2021/08/27/2021-8-27-Vue数据代理/
- 版权声明: 本博客所有文章除特别声明外,均采用 MIT 许可协议。转载请注明出处!