(实现)vue.js最简实现

框架

浏览数:113

2018-12-17

Vue.winward.js

vue.js最简实现(the most simple vue.js)

让所有人都看得懂Vue原理建议看完Vue.winward.js后,
结合
mpvue源码解读
单页应用路由实现没那么难–Vue,
再看一遍Vue源码

Mind

  • vue.js是一个响应式库,在这里我将它剖开:
  • 实现响应式最少需要哪几个部分?
    • 数据跟踪
    • 模板编译
    • 页面渲染
  • 所以你也可以看到功能性代码分到3个js文件中

Done

  • 数据跟踪 — watchData.js
  • 模板编译 — complieData.js
  • 页面渲染 — renderData.js

Todo

  • 数据跟踪 — 实例类型(本项目中 只有一个实例,而vue有 “app”,“component”等),props
  • 模板编译 — 生命周期,语法糖
  • 页面渲染 — 虚拟dom

Run Setup

  • 双击index.html (click index.html)

Rendering

原文地址:https://segmentfault.com/a/1190000016406615