为了更好的移植性我选择使用js，去写下拉刷新，上滑加载这两个组件。本人也曾迷茫无从下手，这篇文章算是给迷茫的你提供一种思路，让你不再因为天降需求😣而犹豫徘徊。

实现 Vue.js 的初始渲染过程，涉及内容包括： render helper、VNode、patch 初始渲染、指令、实例化子组件、插槽的处理

如有错误，希望各位留言指点，乐意之极。 在Vue源码里，尤大采用了Flow作为静态类型检查，Flow是facebook出品的静态类型检查工具。 众所周知，JavaScript是弱类型的语言。 所谓弱类型指的是定义变量时，不需要什么类型，在程序运行过程中会自动判断类型，如果一个语…

「这是我参与11月更文挑战的第14天，活动详情查看：2021最后一次更文挑战」 1. render函数的介绍 简单的说，在vue中我们使用模板HTML语法组建页面的，使用render函数我们可以用js

前提 在日常使用vue2开发的过程中，我们大多是使用文档推崇的模版语法的方式进行界面HTML结构的编写 但其实在vue文档中还介绍了另外一个编写HTML的方式：render函数（渲染函数） 由于ren

vue对我们来说就是一个黑盒，它把.vue单文件渲染成真实DOM。本文试着解剖这个黑盒，发现通过编译我们写的vue代码为render函数，然后利用它生成vnode，最后通过原生api渲染成真实dom。

记得初学Vue源码的时候，在defineReactive、Observer、Dep、Watcher等等内部设计源码之间跳来跳去，发现再也绕不出来了。Vue发展了很久，很多fix和feature的增加让内部源码越来越庞大，太多的边界情况和优化设计掩盖了原本精简的代码设计，让新手阅…

createElement方法也是vue和react用来创建虚拟DOM的方法，我们也叫这个名字，方便记忆。接收三个参数，分别是type，props和children 到目前为止，已经轻而易举的实现了创建虚拟DOM。那么，接下来进行下一步，将其渲染为真实的DOM，别犹豫，继续回到…

通过上图, 应该可以理解一个Vue组件是如何运行起来的. render渲染函数, render渲染函数是用来生成Virtual DOM的. Vue推荐使用模板来构建我们的应用程序, 在底层实现中Vue最终还是会将模板编译成渲染函数. 因此, 若我们想要得到更好的控制, 可以直接…