随笔分类 - Vue2.x源码学习笔记
记录一下vue2.x源码学习笔记
摘要:配合以下demo来看这段代码 1.处理头部相同的节点 2.处理 尾部 的同类型节点 3.处理 头尾 同类型节点 4.处理 尾头 的同类型节点 5. 处理新增节点 6.处理需要更新的节点 7.继续处理头部相同的节点 8.处理oldCh中未处理的节点删除 至此diff算法结束了。
阅读全文
摘要:// 先看使用TScroll.vue的几个demo 1. https://sorrowx.github.io/TScroll/#/ 2. https://sorrowx.github.io/TScroll/#/simple-tscroll 3. https://sorrowx.github.io/T
阅读全文
摘要:1.以前玩omi框架的时候,有Omi.get方法来获取实例, ...好久没玩了,忘了。反正很喜欢该方法。2.如今想在vue里面怎么能够快速获取到对应组件标签名的的实例呢?3.文档也看过,似乎脑海中没啥印象获取获取,除了ref或者vm.$children,这个只能获取到父子关系,或者爷孙...等关系,反正比较麻烦4.那就全局注册个$_live_getChildComponent方法,每个实例便有...
阅读全文
摘要:学习任何一门框架,都不可能一股脑儿的从入口代码从上到下,把代码看完, 这样其实是很枯燥的,我想也很少有人这么干,或者这么干着干着可能干不下去了。 因为肯定很无聊。 我们先从一个最最简单的小例子,来查看new Vue(options)实例,这个过程发生了什么。 vm实例上的属性又如何添加上去的,又如何
阅读全文
摘要:如果我们不用单文件组件开发,一般直接<script src="dist/vue.js">引入开发版vue.js这种情况下debug也是很方便的,只不过vue.js文件代码是rollup生成的 这种情况下debug,看源码也是很方便的 但是如果能够在vue项目中的src目录下中的文件打断点调试就更好了
阅读全文
摘要:还是先从浏览器直观的感受下实例属性和方法。 实例属性: 对应解释如下: 看下实例方法,其实就是Vue原型上的方法了 接下来主要看下vm.$options,其实也就是我们new Vue(options)options这个选项对象可传入的属性,一个很吊的对象。 总结: 关于vue实例的属性和方法整理及n
阅读全文
摘要:Vue静态方法和静态属性,其实直接在浏览器中可以查看到的,如下 圈起来的是其静态属性,但是有的属性对象中的属性的值又是函数。未圈起来的则是函数。 其实它来自如下各个目录下的js文件 总结:其实简单的归纳下vue静态属性和方法的来源,方便查看。 感谢涛哥:https://github.com/liut
阅读全文
摘要:我们知道使用vue.js开发应用时,都是new Vue({}/*options*/) 那Vue构造函数上有哪些静态属性和方法呢?其原型上又有哪些方法呢? 一般我都会在浏览器中输入Vue来look see see 可以看到Vue构造函数上挂载了这么多属性和方法,so这么nb。 可以看到有很多的全局的a
阅读全文
摘要:先从github上下载或者clone一个vue分支项目 https://github.com/vuejs/vue 查看下目录结果 先列出一些目录 Vue |— build 打包相关的配置文件,其中最重要的是config.js。主要是根据不同的入口,打包为不同的文件。 |— dist 打包之后文件所在
阅读全文

浙公网安备 33010602011771号