vue3

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

在 Vue 3 中，computed 是一个核心 API，用于根据响应式数据（ref, reactive）派生出新的值。它具有缓存特性，只有当依赖的响应式数据发生变化时，才会重新计算。 1.写法 在

在 Vue 3 中，toRef、toRefs 和 toRaw 都是处理响应式系统的重要工具，它们提供了更灵活的方式来操作 reactive 对象。 1.toRef toRef 用于为 reactive

在 Vue 3 中，reactive 是除了 ref 之外的另一种创建响应式数据的方式。 一般用来绑定复杂的数据类型，例如对象，数组 1.写法 写法一：自动推断 (推荐用于简单的对象) 写法二：显式接

在 Vue 3 中，ref 家族的 API 是组合式 API (Composition API) 的核心部分，用于创建响应式数据。它们各自有不同的特性和使用场景，尤其是在处理性能优化和复杂逻辑时。 1

1.插值语法 2.v-text,v-html 3.v-if VS v-show 4.v-for循环渲染 5.v-on,v-bind 6.v-model 7.v-once,v-memo 特性 v-onc