/vue-design-read

读vue developer霍春阳大佬vue-design文章整理的代码,增加了简单的数据劫持和发布订阅模式,实现简单的、可运行的vue工程

Primary LanguageJavaScript

VUE_DESIGN_READ

读霍春阳大佬vue-design文章有感,实现一个mini vue

DEMO在线访问

To-Do-List

  • 转换为虚拟DOM + 各个版本的Diff算法
  • 数据改变 -> 视图改变 (模板解析、数据劫持等)
  • 视图改变 -> 数据改变 (事件监听、指令等)
  • 生命周期钩子
  • 实现computed、methods
  • 实现v-for

vue-design

测试代码,运行项目

安装依赖

npm install

运行项目

npm run start

打包使用

npm run build

获取/dist/index.js文件,在你的index.html中引入该js文件即可使用Vue