- **正确答案**：Vue 3 提供了多种 API，主要分为两部分：选项式 API（Options API）和组合式 API（Composition API）。常用 API 包括 `setup()`、`ref()`、`reactive()`、`computed()`、`watch()`、`onMounted()`、`onUnmounted()` 等生命周期钩子，以及 `defineProps()`、`defineEmits()` 等用于组件通信的 API。 - **解答思路**：在 Vue 3 中，开发者可以选择使用传统的选项式 API 或更灵活的组合式 API。组合式 API 是 Vue 3 引入的核心特性之一，它通过 `setup()` 函数组织逻辑，使代码更模块化、可复用性更高。常见的 API 使用场景如下： - `ref()` 和 `reactive()`：用于创建响应式数据。 - `computed()`：用于定义计算属性。 - `watch()` 和 `watchEffect()`：用于监听响应式数据的变化。 - 生命周期钩子如 `onMounted()`、`onUnmounted()` 等代替 Vue 2 的 `mounted`、`created` 等。 - `defineProps()` 和 `defineEmits()`：在 ` ``` ```vue ``` - **扩展知识点**： 1. **响应式系统的底层实现**： Vue 3 使用 `Proxy` 实现响应式追踪。每个响应式变量都会被包裹成一个 `Proxy` 对象（或 `RefImpl` 类型，如果是 `ref()` 创建的），并利用 `effect` 追踪依赖关系。 2. **Reactivity Transform（实验性）**： Vue 3.3 曾尝试推出 `$ref`、`$computed` 等语法糖来简化响应式变量的写法（如 `count = $ref(0)` 而非 `ref(0)`），但该功能目前仍处于实验阶段。 3. **Teleport、Suspense、Custom Renderers**： Vue 3 支持更高级的功能，如动态渲染组件到 DOM 的任意位置（Teleport）、异步加载组件（Suspense），甚至支持自定义渲染器（Custom Renderer），可用于开发原生应用（如 Weex 或 NativeScript）。 4. **TypeScript 支持增强**： Vue 3 对 TypeScript 的支持非常完善，尤其在 `

5.22凌迪科技1面

全站热榜

创作者周榜