码迷,mamicode.com
首页 > 其他好文 > 详细

Vue 实现原理

时间:2017-10-24 14:57:45      阅读:138      评论:0      收藏:0      [点我收藏+]

标签:实例化   最大   界面   使用   手动   方法   property   strong   func   

vue.js是数据驱动web界面的库。vue核心思想个:数据驱动、组件系统

vue实现数据驱动视图原理

  数据驱动是vue最大特点,所谓的数据驱动就是:当数据发生变化的时候,界面会相应的变化,我们不需要手动去修改dom。

  vue数据驱动的实现

  首先vue在实例化的过程中,会遍历传给实例化对象选项中的data选项中的所有属性,并使用Object.defineProperty(obj,key,{set:function(){},get:function(){}})把这些属性定义到实例上。当更改data里的数据时,比如vm.b =1,会调用Object.defineProperty内部的set方法(这就是修改数据试图会更新的关键),在set方法中去通知视图更新。这样就实现了所谓的试图驱动

  

 

Vue 实现原理

标签:实例化   最大   界面   使用   手动   方法   property   strong   func   

原文地址:http://www.cnblogs.com/yangkangkang/p/7723223.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!