vue底层原理解析(双向数据绑定)

1)通过建立虚拟dom树document.createDocumentFragment(),方法创建虚拟dom树

2)一旦被监测的数据改变,会通过Object.defineProperty定义的数据拦截,截取到数据的变化

3)截取到的数据变化,从而通过订阅——发布者模式,触发Watcher(观察者),从而改变虚拟dom的中的具体数据

4)最后通过更新虚拟dom的元素值,从而改变最后渲染dom树的值,完成双向绑定

发布了13 篇原创文章 · 获赞 5 · 访问量 2524

猜你喜欢

转载自blog.csdn.net/qq_37309764/article/details/103660408
今日推荐