1. vue数据代理: data对象的所有属性的操作(读/写)由vm对象来代理操作
2. 好处: 通过vm对象就可以方便的操作data中的数据
3. 实现:
  1). 通过Object.defineProperty(vm, key, {})给vm添加与data对象的属性对应的属性
  2). 所有添加的属性都包含get/set方法
  3). 在get/set方法中去操作data中对应的属性

属性描述符：
  1.数据描述符
      configurable:是否可以重新定义
      enumerable：是否可以枚举
      value：初始值
      writable：是否可以修改属性值
  2.访问描述符
      get：是一个回调函数，根据其他相关的属性动态计算得到当前属性值
      set：也是一个回调函数，监视当前属性值的变化，更新其他相关的属性值
												


											
vue的数据代理的更多相关文章
	

    
								
  1. 8_vue是如何进行数据代理的
		
    在了解了关于js当中的Object.defineProperty()这个方法后,我们继续对vue当中的数据代理做一个基于现在的解析 建议观看之前先了解下js当中的Obejct.defineProper ...
    
		
    2. 
						
  2. vue中的数据代理原理
		
    const vm = new Vue({ data:{ name:'boos' } }) // 注意 :使用构造函数构建vue实例时,传入的是一个option对象,它包含了data,computed等 ...
    
		
    3. 
						
  3. es6中的Proxy和vue中的数据代理的异同
		
    1:概述 1-1:Proxy 用于修改某些操作的默认行为,Proxy可以说在对对象进行各种访问或者操作的时候在外层进行一层拦截,在操作之前都需要经过这种拦截.proxy返回的是一个新对象,可以通过操作 ...
    
		
    4. 
						
  4. Vue学习之--------el与data的两种写法、MVVM模型、数据代理（2022/7/5）
		
    文章目录 1.el与data的两种写法 1.1.基础知识 1.2.代码实例 1.3.页面效果 2.MVVM模型 2.1. 基础知识 2.2 .代码实例 2.3.页面效果 3.数据代理 3.1. 基础知 ...
    
		
    5. 
						
  5. 对数据劫持 OR 数据代理 的研究------------引用
		
    数据劫持,也叫数据代理. 所谓数据劫持,指的是在访问或者修改对象的某个属性时,通过一段代码拦截这个行为,进行额外的操作或者修改返回结果.比较典型的是 Object.defineProperty() 和 ...
    
		
    6. 
						
  6. Vue的数据响应式
		
    getter和setter怎么用 示例代码 getter ,关键词为 get ,用于获取一个值.定义时为函数,但是使用时不用加括号. setter 用于对数据的改写 Object.defineProp ...
    
		
    7. 
						
  7. 数据代理Object.defineProperty()
		
    数据代理: 通过一个对象代理对另一个对象中属性的操作(读/写) 数据代理 Object.defineProperty() Object.defineProperty() 方法会直接在一个对象上定义一个 ...
    
		
    8. 
						
  8. MVVM数据代理
		
    MVVM数据代理 function MVVM(options) { this.$options = options || {}; var data = this._data = this.$optio ...
    
		
    9. 
						
  9. 详解vue的数据binding原理
		
    自从angular火了以后,各种mv*框架喷涌而出,angular虽然比较火,但是他的坑还是蛮多的,还有许多性能问题被人们吐槽.比如坑爹的脏检查机制,数据binding是受人喜爱的,脏检查就有点…性能 ...
    
		
    10. 
		

	


随机推荐
	

    
									
  1. Log统一管理类
			
    import android.util.Log; /** * Log统一管理类 */ public class L{ private L(){ /* cannot be instantiated */ ...
    
			
    2. 
						
  2. C# WinForm设置窗口无边框、窗口可移动、窗口显示在屏幕中央、控件去边框
			
    1)窗口去除边框 在组件属性中FormBorderStyle设为None 2)窗口随着鼠标移动而动 添加引用using System.Runtime.InteropServices; 在初始化控件{I ...
    
			
    3. 
						
  3. php缓存加速优化--Xcache
			
    1.安装软件:cd /usr/local/src/下载软件包wget http://xcache.lighttpd.net/pub/Releases/3.2.0/xcache- 3.2.0.tar.b ...
    
			
    4. 
						
  4. 小D课堂-SpringBoot 2.x微信支付在线教育网站项目实战_2-1.快速搭建SpringBoot项目，采用Eclipse
			
    笔记 1.快速搭建SpringBoot项目,采用Eclipse     简介:使用SpringBoot start在线生成项目基本框架并导入到eclipse中 1.站点地址:http://start. ...
    
			
    5. 
						
  5. 九十：CMS系统之项目结构
			
    目录结构 cms模块 from flask import Blueprint bp = Blueprint('cms', __name__, url_prefix='/cms') @bp.route( ...
    
			
    6. 
						
  6. clrscr()及gotoxy()函数
			
    1.clrscr() 作用:清屏,跟 cmd 中的清屏作用一样 注意:只有在 Trubo C 中能用,需要包含头文件:conio.h 替代:system("cls"); 需要头文件 ...
    
			
    7. 
						
  7. 想了解Java后端学习路线？你只需要这一张图！
			
    前言 学习路线图往往是学习一样技术的入门指南.网上搜到的Java学习路线图也是一抓一大把. 今天我只选一张图,仅此一图,足以包罗Java后端技术的知识点.所谓不求最好,但求最全,学习Java后端的同学 ...
    
			
    8. 
						
  8. mysql注入语句
			
    一.sql注入语句 爆破所有数据库: (select group_concat(schema_name) from information_schema.schemata) 获取数据库所有表: (se ...
    
			
    9. 
						
  9. 【Abode Air程序开发】在设备上进行安装
			
    在设备上进行安装 在 Google Android 设备上安装应用程序 在 Apple iOS 设备上安装应用程序 在 Google Android 设备上安装应用程序 在项目的开发.测试和部署阶段, ...
    
			
    10. 
						
  10. 深入理解C语言-深入理解void
			
    void的字面意思是"无类型",void *则为"无类型指针",void *可以指向任何类型的数据 void含义 void几乎只有注释和限制程序的作用,定义一个 ...
    
			
    11.