如果以上情况都不符合，则会判断新VNode的子节点是否存在于旧VNode的未操作子节点中。如果不存在，则判定为新的节点，会新建一个DOM执行插入操作；若存在，sel相同，则执行更新操作后插入，若sel不同则直接新建子节点 1. 首先定义一下vNode的类型 2. 定义构造函数 …

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

最近部门分享，有同学提到了 Vue 响应式原理，大家在讨论时，发现一些同学对这一知识理解还不够深入，不能形成一个闭环，为了帮助大家理解这个问题，我重新过了一下 Vue 源码，并整理了多张流程图，便于大家理解。 从 Vue 初始化，到首次渲染生成 DOM 的流程。 从 Vue 数…

书签地址，欢迎star， 可以直接git clone下来，通过Google右上角的书签--导入书签，这样看起来就不要太方便。

众所周知，以下代码就是 vue 的一种直接上手方式。通过 cdn 可以在线打开 vue.js。一个文件，一万行源码，是万千开发者赖以生存的利器，它究竟做了什么？让人品味。 源码cdn地址：https://cdn.jsdelivr.net/npm/vue/dist/vue.js，…

之所以把vue安装在devDependencies, 是因为我们的组件库是依赖于使用者的安装的vue包的, 我们打包自己组件并不需要把vue一起打包进去. 每次 commit 代码之前会用husky格式化代码, 确保代码风格统一. 在src/styles/vendors创建no…