如果 Vue 实例在实例化时没有收到el 选项，则它处于未挂载状态，没有关联的DOM元素。可以使用vm.$mount()手动地挂载一个未挂载的实例。 如果没有提供 elementOrSelector 参数，模板将被渲染为文档之外的的元素，并且你必须使用原生 DOM API 把它…

另一种是我们上一节分析的创建组件过程中内部通过 new Sub(options) 实例化子组件。 可以看到不同场景对于 options 的合并逻辑是不一样的，并且传入的 options 值也有非常大的不同，接下来将分开介绍 2 种场景的 options 合并过程。 其实就是调用…

首先这篇文章是读 vue.js 源代码的梳理性文章，文章分块梳理，记录着自己的一些理解及大致过程；更重要的一点是希望在 vue.js 3.0 发布前深入的了解其原理。 如果你从未看过或者接触过 vue.js 源代码，建议你参考以下列出的 vue.js 解析的相关文章，因为这些文…

写过 Vue 的同学肯定体验过， .vue 这种单文件组件有多么方便。但是我们也知道，Vue 底层是通过虚拟 DOM 来进行渲染的，那么 .vue 文件的模板到底是怎么转换成虚拟 DOM 的呢？这一块对我来说一直是个黑盒，之前也没有深入研究过，今天打算一探究竟。 Vue 3 发…

本文已收录在Github github.com/Geekhyt，欢迎Star。 从镜片的厚度和黄黑相见的格子衬衫我察觉到，面前坐着的这位面试官应该是来者不善。我像以往一样，准备花3分钟的时间进行自我介绍。在此期间，为了避免尴尬，我盯着面试官的眉毛中间，不过面试官明显对我的经历不…

因为vue的响应式是通过Object.defineProperty来实现的，但是数组的length属性是不能添加getter和setter，所有无法通过观察length来判断。 这样可以手动指定需要观察的key，那么就可以达到预期的效果。 vue对数组的length直接改变无法…

前言 前面我们学习了模板编译中的解析器，这次我们将学习优化器。 优化器 什么是静态子树？ 静态子树指的是那些在 AST 中永远都不会发生变化的

拖了很久的下拉刷新Vue组件——终于来了，其实写了很久了，一直拖着没写文章... touchstart: 手指触屏触发的事件，主要工作是在触发时获取鼠标点击的Y坐标，event.touches[0].pageY。 touchmove: 手指滑动触发的事件, 主要工作是在触发时获…

Vue.extend作为一个全局api,当然值得我们去深入学习的，同时也是实现编程式组件的重要途径，所以我们通过源码导读加实践的方式开始吧。首先我们会带着几个问题来进行学习，如果你都不会，哈哈哈恭喜你，学完本篇你就会明白了。 使用基础 Vue 构造器，创建一个“子类”。参数是一…