vue源码
文章平均质量分 67
AddTwoNum
这个作者很懒,什么都没留下…
展开
-
vue源码学习(2)——构造函数
vue源码学习——构造函数 下图从上到下是从package.json沿路找到构造函数的路径;从下到上是构造函数的构造路径,查看构造函数添加了什么方法。 PS: 以上的流程挂载了很多方法,但是注意:这个时候方法并没有被调用。 当new Vue({...});的时候才一个个的执行构造函数中的方法,其他的也是等调用的时候执行。...原创 2018-12-04 17:00:26 · 210 阅读 · 0 评论 -
Vue源码学习(1)——目录结构
Vue源码学习——目录结构 参考博主 目录结构: -scripts:包含与构建相关的脚本和配置文件。 -dist:构建后文件的输出目录 -flow:包含Flow的类型声明。这些声明是全局加载的,将在普通源代码中看到它们在类型注释中使用。 -packages: 包含vue-server-renderer和vue-template-compiler,( 它们是从源代码自动生成的,并且始终与主...原创 2018-12-04 16:01:05 · 258 阅读 · 0 评论 -
vue源码学习(3)——通过实例查看构造函数做了什么
通过一个实例查看构造函数做了什么原创 2018-12-04 21:11:37 · 215 阅读 · 0 评论 -
Vue源码学习(4)——数据响应系统
Vue源码学习(4)——数据响应系统:通过initData() 看数据响应系统 下面,根据理解我们写一个简略的源码:参考 治愈watcher在:vm.$mount(vm.$options.el) Function defineReactive(obj,key,val){ Object.defineProperty(obj,key, { enume...原创 2018-12-05 16:57:54 · 178 阅读 · 0 评论 -
Vue源码学习之——如何在Chrome中deBug源码
参考链接 如果我们不用单文件组件开发,一般直接 但是如果能够在vue项目中的src目录下中的文件打断点调试就更好了。 那怎么做到呢? 打开 vue/script/config.js 文件(就是package.json的入口文件) 找到 genConfig() 函数 该函数下有个config对象,给该对象添加一个属性和值: sourceMap: true 然后重新 npm run dev, 会发...原创 2018-12-15 15:08:59 · 5366 阅读 · 1 评论