新年福利~~带你手把手撸mvvm,再也不怕面试被问倒了~~~__Vue.js__前端框架__MVVM
发布于 10 个月前 作者 banyungong 364 次浏览 来自 分享
粉丝福利 : 关注VUE中文社区公众号,回复视频领取粉丝福利
#多种方式实现MVVM,本章先讲解基于defineProperty来实现,也就是类似于实现vue的mvvm功能。本系列有3种实现方式,defineProperty(VUE),脏检查(angular),原生js实现(发布订阅者模式)

github地址  查看源码 https://github.com/honeydlp/mvvm.git

#vue.js 则是采用数据劫持结合发布者-订阅者模式的方式,通过`Object.defineProperty()`来劫持各个属性的`setter`,`getter`,在数据变动时发布消息给订阅者,触发相应的监听回调。

先看原理图,再结合代码


代码贴图了,今天用掘金code 总是显示在一行,所以截图了,抱歉哈,代码在github上

dom结构


MVVM调用


MVVM实现




版权声明:著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。 作者: wuliDream 原文链接:https://juejin.im/post/6844903565102678024

回到顶部