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

vue实现原理

时间:2018-06-21 22:35:10      阅读:131      评论:0      收藏:0      [点我收藏+]

标签:mpi   get   define   绑定   com   observer   执行   compile   核心   

1.属性监听,通过对属性监听通知订阅者。observer

2.模板替换和解析。根据指令模板替换数据,以及绑定响应的更新函数。compile

3.数据监控:监听属性和模板的变动,执行属性回调更新视图。

 

observer核心: 根据Object.defineProperty()监听数据的变动,通过数据变化触发setter,通知订阅者getter达到数据监听与分发。

watch核心:通过自身的订阅器进行通知操作。

comile核心:解析模板指令,将模板数据进行替换,达到渲染视图。

 

实例方法:

 

vue实现原理

标签:mpi   get   define   绑定   com   observer   执行   compile   核心   

原文地址:https://www.cnblogs.com/subtract/p/9211001.html

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