YaeZed

Vue 3 的 <Teleport>（传送门）是一个内置组件，它允许你将组件模板的一部分 HTML 结构传送到当前组件 DOM 层次结构之外的某个 DOM 节点中，同时保持组件内部的逻辑状态（如 pr

异步组件（Async Components）也称为懒加载组件（Lazy-loaded Components）。 默认情况下，Webpack 或 Vite 等构建工具会把你所有的组件打包到一个（或几个）

插槽是 Vue 组件中一个非常核心的概念，它允许你以一种灵活的方式将内容“插入”到子组件的指定位置，极大地提高了组件的复用性和灵TA性。插槽允许组件只负责渲染一个“框架”（比如边框、阴影），而把“内容

在 Vue 3 中，动态组件的核心是使用内置的 <component> 元素，并通过其 :is prop 来指定要渲染的组件。动态组件允许在同一个挂载点（<component> 标签）动态地切换和渲染

1.全局组件 全局组件是在 main.ts 中一次性注册，之后就可以在项目中的任何组件模板内直接使用，无需 import。 组件本身就是一个标准的 SFC (单文件组件)，使用 <script set

在 Vue 3 中，尤其是在使用 `` 并结合 TypeScript 时，父子组件之间的通信变得非常清晰和类型安全。 核心思想是： 父组件向子组件 (Prop down): 通过 Props 传递数据

一个关键点是： <script setup> 本身就是在 beforeCreate 和 created 阶段执行的。 因此，在 <script setup> 中，没有 beforeCreate 和 c

watchEffect 是 Vue 3 组合式 API 提供的另一个侦听器。它和 watch 目标一致（在数据变化时执行副作用），但使用方式更简洁，因为它会自动追踪依赖。 1.核心理念 watchEf

watch 的作用就是：“请帮我盯着这个数据，当它变化时，就去执行这个函数。 ” 这在你需要根据数据变化来执行异步操作（如 API 请求）、设置 localStorage 或执行一些无法在 compu