去年Vue3.0正式版本推出，受到很多人的追捧。vue3.0中也对dom-diff算法进行了优化，其中就用到了 「最长递增子序列」。 先简要介绍下基础背景。我们在vue开发项目的时候，常用模板或者jsx语法来编写DOM。实际上我们编写的代码会被@vue/compiler-dom…

diff 算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历。diff 算法的在很多场景下都有应用。

使用 Vue 做项目也有两年时间了，对 Vue 的 api也用的比较得心应手了，虽然对 Vue 的一些实现原理也耳有所闻，例如 虚拟DOM、flow、数据驱动、路由原理等等，但是自己并没有特意去探究这些原理的基础以及 Vue 源码是如何利用这些原理进行框架实现的，所以利用空闲时…

mount(vnode, parent, [refNode]): 通过vnode生成真实的DOM节点。parent为其父级的真实DOM节点，refNode为真实的DOM节点，其父级节点为parent。如果refNode不为空，vnode生成的DOM节点就会插入到refNode之…

1. 两个核心点 2. 测试代码 3. 数据劫持-数据变更时通知watcher更新 4. dep.js 5. watcher.js-入队操作 6. queueWatcher方法 7. nextTick怎么实现异步刷新队列？

Vue.use是用来安装插件的。 如果插件是一个对象，必须提供 install 方法。 如果插件是一个函数，它会被作为 install 方法。install 方法调用时，会将 Vue 作为参数传入。 该方法需要在调用 new Vue() 之前被调用。 当 install 方法被…

2. 添加全局资源 3. 注入组件选项 4. 添加实例方法 1.通过全局方法 Vue.use() 使用插件。它需要在你调用 new Vue() 启动应用之前完成 2.Vue.use 会自动阻止多次注册相同插件，届时即使多次调用也只会注册一次该插件。 通过定义_installed…

在做项目的时候，我们经常会用到nextTick，简单的理解就是它就是一个setTimeout函数，将函数放到异步后去处理；将它替换成setTimeout好像也能跑起来，但它仅仅这么简单吗？那为什么我们不直接用setTimeout呢？让我们深入剖析一下。 记得之前有一个需求，就是…

响应系统中的Watcher即这个系统的观察者，它是响应系统中观察者模式的载体，当响应系统中的数据发生改变的时候，它能够知道并且执行相应的函数以达到某种业务逻辑的目的。打个比方，如果你是一个商家，要寄一批货分别给不同的客户，那么watcher就是一个个快递员，发出的动作就是数据发…