欢迎光临
我们一直在努力

Vue的实现原理

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方法中去通知视图更新。这样就实现了所谓的试图驱动。

赞(0)
版权归原作者所有,如有侵权请告知。达维营-前端网 » Vue的实现原理

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址