自定义博客皮肤VIP专享

*博客头图：

点击选择上传的图片

格式为PNG、JPG，宽度*高度大于1920*100像素，不超过2MB，主视觉建议放在右侧，请参照线上博客头图

请上传大于1920*100像素的图片！

博客底图：

点击选择上传的图片

图片格式为PNG、JPG，不超过1MB，可上下左右平铺至整个背景

栏目图：

点击选择上传的图片

图片格式为PNG、JPG，图片宽度*高度为300*38像素，不超过0.5MB

主标题颜色：

RGB颜色，例如：#AFAFAF

Hover：

RGB颜色，例如：#AFAFAF

副标题颜色：

RGB颜色，例如：#AFAFAF

预览取消提交

自定义博客皮肤

-+

上一步保存

dwfrost的博客

原创 MVVM的实现原理

1.MVVM是什么？响应式，双向数据绑定，即MVVM。是指数据层（Model）-视图层（View）-数据视图（ViewModel）的响应式框架。它包括： 1.修改View层，Model对应数据发生变化。 2.Model数据变化，不需要查找DOM，直接更新View。 2.MVVM的实现方式（1）发布者-订阅者模式: 一般通过sub, pub的方式实现数据和视图的绑定监听，更新数据方式通常做法是 ...

2019-01-04 15:16:02 29340 4

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

dwfrost 优快云认证博客专家优快云认证企业博客

码龄8年

IP 属地：广东省

IP属地以运营商信息为准，境内显示到省（区、市），境外显示到国家（地区）

1: 原创

55万+: 周排名

78万+: 总排名

2万+: 访问

: 等级

163: 积分

11: 粉丝

30: 获赞

4: 评论

180: 收藏

私信

关注

热门文章

MVVM的实现原理 29340

分类专栏

vue 1篇

最新评论

MVVM的实现原理
Tisfy: 666666
MVVM的实现原理
skillart: [code=javascript] run() { const value = this.get() // 获取新值 const oldValue = this.value if (value !== oldValue) { this.value = value this.cb.call(this.vm, value, oldValue) // 执行Compile中绑定的回调，更新视图 } } [/code]这里写的有问题。你放的参考链接已经别人的实现，在this.get()只有在初始化的时候调用一次。你这个在run里面再次通过this.get()会导致重复注册。
MVVM的实现原理
skillart: [code=javascript] get() { console.log('you get it') // 当Dep.target不为空时，添加当前watcher, 添加完移除 Dep.target && dep.addSub(Dep.target); return val } [/code]每次get都会重复注册watch，添加完后就移除，那watch还怎么监听呢。是我哪里理解的不到位

最新文章

MVVM的实现原理

提示

确定要删除当前文章？

取消删除