Vue中的数据代理

1.vue中的数据代理：通过vm对象来代理data对象中属性的操作

2.Vue中数据代理的好处：更加方便的操作data中的数据

3.基本原理：

通过Object.defineProperty()把data对象中所有属性添加到vm上。

为每一个添加到vm上的属性都指定一个getter/setter。

在getter/setter内部去操作（读/写）data中对应的属性。

<body>
 ?  <div id="root">
 ? ? ?  <h2>学校名称：{{name}}</h2>
 ? ? ?  <h2>学校地址：{{address}}</h2>
 ?  </div>
</body>
?
<script type="text/javascript">
 ?  Vue.config.productionTip = false //阻止 vue 在启动时生成生产提示。
?
 ?  const vm = new Vue({
 ? ? ?  el: '#root',
 ? ? ?  data: {
 ? ? ? ? ?  name: '尚硅谷',
 ? ? ? ? ?  address: '宏福科技园'
 ? ? ?  }
 ?  })
</script>

JavaScript知识库最新文章

ES6的相关知识点

react 函数式组件 & react其他一些总结

Vue基础超详细

前端JS也可以连点成线（Vue中运用 AntVG6）

Vue事件处理的基本使用

Vue后台项目的记录（一）

前后端分离vue跨域，devServer配置proxy代理

TypeScript

初识vuex

vue项目安装包指令收集

加:2022-07-17 16:13:49 更:2022-07-17 16:15:51

360图书馆购物三丰科技阅读网日历万年历 2025年12日历

-2025/12/3 1:40:16-

图片自动播放器
↓图片自动播放器↓

TxT小说阅读器
↓语音阅读,小说下载,古典文学↓

一键清除垃圾
↓轻轻一点,清除系统垃圾↓

图片批量下载器
↓批量下载图片,美女图库↓

网站联系: qq:121756557 email:121756557@qq.com IT数码