Skip to content

gitzhaochen/vue-mvvm

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 

Repository files navigation

手写Vue双向绑定

  1. 初始化监听data对象,Object.defineProperty(data) get方法同时会收集当前属性有多少个订阅者,当更新的时候通知这些订阅者
  2. 编译模版、填充data值
    • 如果节点类型是input,添加input\keyup\change等事件监听、回调触发set事件
    • 如果节点类型是文本,添加订阅者watcher,当数据变化同步更新nodeValue
  3. input输入变化 -- 触发Object.defineProperty set() -- set发出更新通知dep.notify() -- 订阅者收到通知并更新 watcher.update()

About

手写Vue双向绑定

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published

Languages