🌻 前言 本文教程 github地址 。 如果对你有帮助，希望能点个star ⭐️⭐️⭐️ 万分感谢😊😊😊 本文正在参加「金石计划」 背景： 不久前我司需要重新部署一个前端项目，由我来负责这个项目的搭

--- theme: cyanosis --- > 在上一篇文章 [# 面试官：说一说 vue3 的快速 diff 算法（一）](https://juejin.cn/post/726599596968

熟悉下vue3 文档 和 vite 文档， vsoce 编辑器安装Vue Language Features (Volar)拓展

Vue3 已经发布很久很久很久了，今天就来一起了解一下 Vue3 最新的 diff 算法，含3.38版本源码分析与思维导图

1.响应式 1.1 两者实现原理 vue2 利用es5的 Object.defineProperty() 对数据进行劫持结合发布订阅模式来实现 vue3 利用es6的 proxy 对数据代理，通过 r

setup语法糖经过编译后是什么样子的？为什么在setup顶层定义的变量可以在template中可以直接使用？为什么import一个组件后就可以直接使用，无需使用components 选项来显式注册?

你知道defineEmits 宏函数经过编译后其实就是vue2的选项式API吗？你知道为什么 Vue 的 defineEmits 宏函数不需要 import 导入就可用吗？

本项目是一个基于 Vite3 搭建的 Vue3 项目模板，集成了 TypeScript、Vue Router、Pinia、Less、ESLint、Prettier、Husky、lint-staged.

背景 vue3 中有一个很有意思的特性，就是属性透传，这个特性我们经常会使用到，但往往不会注意到它，直到在实际工作中出现了一个警告，才让我注意到它: 这个警告的大致意思就是，在子组件中，由于子组件有多