标签: 组合式API - 文档

Vue3 watchEffect和watch的区别与副作用清理

2026-05-18 19:22:22

Vue3 watchEffect和watch的区别与副作用清理在 Vue 3 的组合式 API 中，watchEffect 和 watch 是用于监听响应式数据变化并执行副作用的两个核心函数。理解它们的区别及如何正确清理副作用，是编写健壮、高效代码的关键。核心区别速览选择哪个函数，取决于你的具

Vue3 watchEffect watch

46 0

Vue3 useCssModule在组合式API中使用CSS Modules

2026-05-09 05:27:49

Vue3 useCssModule在组合式API中使用CSS Modules 在 Vue3 的组合式 API 中，useCssModule 是一个非常有用的工具，它能让你方便地在 <script setup 中访问 CSS Modules 生成的类名。本文将手把手教你如何使用它。什么是 CSS M

Vue3 useCssModule 组合式API

46 0

Vue3 effectScope管理副作用的创建与销毁

2026-05-03 13:23:18

Vue3 effectScope管理副作用的创建与销毁在 Vue 3 的组合式 API 中，watch、watchEffect 和 computed 等响应式 API 会产生“副作用”。在组件内部，Vue 会在组件卸载时自动清理这些副作用。但在组件外部（如在工具函数、插件或独立的逻辑复用模块中）使

Vue3 副作用管理组合式API

53 0

Vue3 useTemplateRef获取模板引用的组合式API

2026-05-01 12:18:22

Vue3 useTemplateRef获取模板引用的组合式API Vue 3.5 版本引入了 useTemplateRef API，它提供了一种更符合直觉且类型安全的方式来获取 DOM 元素或组件实例。相比旧版的 refnull 写法，新 API 减少了冗余代码，并自动推导模板引用的类型。以下是基于

Vue3 模板引用组合式API

65 0

Vue3 Composition API中ref和reactive该怎么选

2026-04-20 10:26:48

Vue3 Composition API中ref和reactive该怎么选 Vue3 引入 Composition API 后，响应式系统的构建方式发生了变化。核心的选择难题集中在 ref 和 reactive 两个 API 上。这两者虽然功能类似，但在使用场景和代码风格上有着本质区别。选择正确的

Vue3 组合式API ref

64 0

Vue 组件：单文件组件与组合式 API

2026-04-13 00:20:48

Vue 组件：单文件组件与组合式 API Vue 3 引入的组合式 API（Composition API）配合单文件组件（SFC），极大地提升了代码的逻辑复用性和类型推导能力。本指南将详细介绍如何从零开始构建一个结构清晰、逻辑严密的 Vue 组件。理解单文件组件结构单文件组件（.vue 文件）

Vue3 Vue组件单文件组件

61 0

组合式API 共 6 篇文章