MinjieChang / simple-vue

vue 简易版模拟

功能介绍

模拟实现vue的数据绑定、dom解析等基本功能

observer

1. 监听data对象

值改变模版自动更新

2. 监听data对象深度属性

{
  a: {
    b: 1
  }   
}

监听数组变异方法， 如push、pop等

{
  c: [1, 2, ,3] 
}

compiler

1. 解析文本

• {{xxx}}

2. 解析自定义指令

• v-bind
• v-model
• v-for

在线演示

3. 效果图

启动

index.html 在浏览器中打开，或启动一个本地服务