vue实现原理

Posted subtract

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了vue实现原理相关的知识,希望对你有一定的参考价值。

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

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

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

 

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

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

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

 

实例方法:

 

以上是关于vue实现原理的主要内容,如果未能解决你的问题,请参考以下文章

Vue Router 路由实现原理实现原理

vue的双向绑定原理浅析与简单实现

vuex实现原理

理解VUE2双向数据绑定原理和实现

Vue Router 实现原理

Vue指令实现原理