一. 根节点不同 vue2中必须要有根标签。 vue3中可以没有根标签，。 二. 组合式API和选项式API

在之前写到的字节面试中，有一道题堪称经典中的经典，那就是vue的响应式原理。在这篇文章中我为各位详细解释了一下vue3中reactive的原理及简化版的代码。

一起养成写作习惯！这是我参与「掘金日新计划 · 4 月更文挑战」的第14天，点击查看活动详情。 1. watch 的使用 语法 1.1 监听 ref 定义的响应式数据 1.2 监听 reactive

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

我们对Vue中data数据的修改会导致界面对应的响应变化，而通过nextTick方法，可以在传入nextTick的回调函数中获取到变化后的DOM，讲起来可能还是有点梦幻，

Vue3的正式发布已经有将近两年的时间，许多开源项目以及企业实际生产项目陆续采用Vue3作为渐进性开发框架，诚然它的架构设计值得我们每一位前端研发者学习，今天就来细聊一下Vue3编译器的整体实现思

前言 大家好，我是林三心，用最通俗易懂讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心。 回想起来，我一开始写作的时候就是写Vue源码系列的，都收录在我的掘金专栏Vue源码解析之中： 「Vue源

此文内容包括以下： 深度介绍react、vue2、vue3的diff算法原理，并分别对比它们的区别。几个算法，套路都是找到移动的节点，然后给它移动到正确的位置。该加的新节点添加好，该删的旧节删了。

前言 前几天面试的时候，面试官问到了这个问题，感觉自己答的不是特别好，在这里整理一下~ 文章篇幅会比较长，但是看完一定会收获满满~希望你坚持看下去呀~