data 的数据代理

一、Object.defineProperty() 控制对象的属性值

let num = 18;
let person = {name: 'mary',age: num;
};Object.defineProperty(person, 'age', {writable: true, // 控制属性是否可以修改. 默认值是 falseenumerable: true, // 控制属性是否可以枚举，默认值是 falseconfigurable: true // 控制属性是否可以被删除，默认值是 false// 当有人读取 person.age 时，get 函数(getter)就会被调用，且返回值就是 age 的值get() {console.log('有人读取了 age 属性');return num;},// 当有人修改 person.age 时，get 函数(setter)就会被调用，就会收到具体修改的值set(val) {console.log('有人修改了 age 属性');age = val;}
})

二、数据代理：

let obj1 = {x: 100};
let obj2 = {y : 200};Object.defineProperty(obj2, 'x', {get() {return obj1.x;},set(val) {obj1.x = val;}
})// 修改 obj2.x 的值，obj1.x 的值也会相应的更改

三、Vue 中的数据代理

<!--1. VueProject 中的数据代理：通过 vm 对象来代理 data 对象中的属性的操作（读/写）2. VueProject 中数据代理的好处：更加方便的操作 data 中的数据3. 基本原理：通过 Object.defineProperty() 把 data 对象中所有属性添加到 vm 上。为每一个添加到 vm 上的属性，都指定一个 getter / setter在 getter / setter 内部去操作（读 / 写）data 中对应的属性vm._data 里面用到数据劫持，为的是监听数据是否发生变化，以便响应式的更新到页面
-->

data 的数据代理相关推荐

从零学习Vue - 02模板语法、el与data两种写法、mvvm模型、数据代理
root容器里的代码被称为模板,有了模板会有特殊的模板语法.Vue模板中语法有两大类,一类是插值语法,另一类是指令语法. 插值语法功能:用于解析标签体内容.写法:{{xxx}},xxx为js表达式, ...
VUE的el和data的写法以及MVVM模型、VUE的数据代理
第一.VUE的el和data的两种写法: el的两种写法如下: 第一个形式如下: const v = new Vue({//第一种el的写法el:'#demo',data: {name: '三清祖师' ...
Vue2（一）：初识Vue、模板语法、数据绑定、el和data的两种写法、MVVM、数据代理、事件
Vue2学习笔记:第一章一.初识Vue 1. Vue的特点 2. Vue实例中的el和data 3.总结二.模板语法 1.插值语法 2.指令语法三.数据绑定 1.单向数据绑定(v-bind) 2 ...
get vue 和set 用法_深入剖析Vue源码 - 数据代理，关联子父组件
简单回顾一下这个系列的前两节,前两节花了大篇幅讲了vue在初始化时进行的选项合并.选项配置是vue实例化的第一步,针对不同类型的选项,vue提供的丰富选项配置策略以保证用户可以使用不同丰富的配置选项. ...
Extjs 数据代理
Ext.data.proxy.Proxy 代理类的根类客户端代理: 1.LocalStorageProxy:将数据存储在localStorage中,此种方式可以持久的将数据存储在客户端要使用代理, ...
流媒体数据代理----Anychat
"用户流媒体数据代理功能",使用该功能可以实现指定用户将其它用户的流媒体数据(音频.视频)做为自己的数据,转发给请求指定用户相关数据的用户. 应用场景:将指定用户(P)设置为其它用 ...
Vue数据代理与数据监测
一.数据代理 1.什么是数据代理? 数据代理:通过一个对象代理对另一个对象中属性的操作 2.Vue数据代理通过vm对象来代理配置对象data中所有属性的操作. (如果想访问data里的数据,可以直接 ...
【Vue2.0】—数据代理（一）
[Vue2.0]-数据代理(一) Vue 的数据代理:通过VM对象来代理data对象中属性的操作(读/写) Vue 中数据代理的好处:更加方便的操作data中的数据基本原理: 通过Object.de ...
vue2知识点：数据代理
文章目录一.何为数据代理二.vue中的数据代理三.回顾Object.defineProperty() 本人其他相关文章链接一.何为数据代理数据代理:通过一个对象代理对另一个对象中属性的操作( ...

data 的数据代理

data 的数据代理相关推荐

最新文章

热门文章