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. 在CentOS7阿里云服务器部署ThinkPHP5，并配置phpstrom实现同步开发（微信小程序及管理员后端）
			
    小程序和后端同步开发 1.服务器安装tp5框架: 方法很多比如:github.linux命令直接手动下.composer 都可以,方法很多,百度一下,不再累述 2.这时你会发现怎么都访问出现不了这个令 ...
    
			
    2. 
						
  2. FastDFS 学习总结
			
    1.1   什么是FastDFS FastDFS是用c语言编写的一款开源的分布式文件系统.FastDFS为互联网量身定制,充分考虑了冗余备份.负载均衡.线性扩容等机制,并注重高可用.高性能等指标,使用 ...
    
			
    3. 
						
  3. CentOS 7 最小化安装后的注意事项
			
    http://blog.csdn.net/f_srion/article/details/54910943 在VM虚拟机中安装CentOS 7 时 有时候顾虑到电脑硬件性能,我们需要最小化安装,而最小 ...
    
			
    4. 
						
  4. Qt编写自定义控件18-魔法小鱼
			
    前言 上次发了个纯painter绘制的老鼠,那个就是qt目录下的demo,改的,只是比demo中的老鼠稍微胖一点,估计人到中年都发福吧.这次来一个魔法小鱼,这条鱼可以变换颜色,尾巴还会摇动,可以设定旋 ...
    
			
    5. 
						
  5. Http_urllib2
			
    打印http消息在控制台httpHandler=urllib2.HTTPHandler(debuglevel=1)httpsHandler = urllib2.HTTPSHandler(debugle ...
    
			
    6. 
						
  6. Kafka 和 ZooKeeper 的分布式消息队列分析
			
    1. Kafka 总体架构 基于 Kafka-ZooKeeper 的分布式消息队列系统总体架构如下: 如上图所示,一个典型的 Kafka 体系架构包括若干 Producer(消息生产者),若干 bro ...
    
			
    7. 
						
  7. mysql大量locked的一个案例
			
    转自 http://cyxu2004.blog.163.com/blog/static/45768718201222133440986/
    
			
    8. 
						
  8. 自动化运维：（1）认识  Shell
			
    目录 (一)运维是什么? (二)什么是 Shell? (三)Shell的分类 (四)Shell脚本 (五)Shell的变量 (六)表达式 (七)Linux常见符号 (八)常见命令 (一)自动化运维是什 ...
    
			
    9. 
						
  9. 【POJ - 3685】Matrix（二分）
			
    Matrix Descriptions 有一个N阶方阵 第i行,j列的值Aij =i2 + 100000 × i + j2 - 100000 × j + i × j,需要找出这个方阵的第M小值. In ...
    
			
    10. 
						
  10. VAEs（变分自编码）之keras实践
			
    VAEs最早由“Diederik P. Kingma and Max Welling, “Auto-Encoding Variational Bayes, arXiv (2013)”和“Danilo  ...
    
			
    11.