YaeZed

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

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

上周面了个应届生，简历上写着"熟悉Vue框架，有多个项目经验"。我问他v-if和v-show的区别，他说"一个是显示隐藏，一个是条件渲染"。我追问"那什么场景用哪个"，他卡...

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

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

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

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

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

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

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

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

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

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

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

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...

1.数字枚举 2.字符串枚举 3.异构枚举 4.const枚举 特点： 编译时内联：在编译后，所有对 const enum 成员的引用都会被替换为其具体的值。例如，Colo...