mini-vue:模仿 Vue1.0 写的迷你版 Vue

时间:2024-05-18 13:02:32
【文件属性】:

文件名称:mini-vue:模仿 Vue1.0 写的迷你版 Vue

文件大小:471KB

文件格式:ZIP

更新时间:2024-05-18 13:02:32

JavaScript

MiniVue 克隆项目之后 运行 npm run dev 可以查看一些指令的展示效果 不过没有排版 样式比较丑陋 建议对比着指令来看 也可以自己写一些代码看效果 指令用法和 Vue 一样的 Vue1和Vue2的区别 其实 Vue1 和 Vue2 最大的区别就是 Vue2 多了一个虚拟DOM,其他的区别都是很小的。所以理解了 Vue1 的源码,就相当于理解了 Vue2,中间差了一个虚拟DOM 以及 Diff 算法 网友的学习笔记 文档 MVVM 配套插件 实现一个迷你版的vue 实现的功能 全局方法 // 继承MiniVue 产生一个新的子类构造函数 MiniVue.extend // 在实例化过程完成后运行 MiniVue.nextTick // 注册自定义指令 MiniVue.directive // 过滤器 MiniVue.filter // 组件 包括slot props Min


【文件预览】:
mini-vue-master
----.gitignore(13B)
----.babelrc(40B)
----package.json(898B)
----package-lock.json(250KB)
----src()
--------directive.js(2KB)
--------main.js(13KB)
--------watcher.js(4KB)
--------dep.js(574B)
--------directives.js(11KB)
--------utils()
--------compile.js(10KB)
--------observer.js(3KB)
----webpack.config.js(929B)
----dist()
--------mini-vue.min.js(200KB)
--------index.html(6KB)
--------mini-vue.js(50KB)
----doc()
--------组件.md(1KB)
--------nextTick异步更新.md(1KB)
--------introduce.md(2KB)
--------Vue的主流程走向.md(3KB)
--------数据双向绑定.md(3KB)
--------mvvm.md(2KB)
----README.md(4KB)
----imgs()
--------mvvm.jpg(67KB)
--------data.png(21KB)
--------vue.png(197KB)
--------lifecycle.png(49KB)
--------vue.svg(27KB)
----index.html(6KB)
----Vue_introduce(2KB)

网友评论