vue3常见面试题

vue 3 的主要特性包括：1. composition api；2. 树摇树；3. proxy 代理；4. suspense；5. 原生 typescript 支持；6. 更佳性能。composition api 和 options api 的区别：1. composition api 使用 setup() 函数组合状态和方法，提供更细粒度的控制；2. options api 使用传统的选项来定义组件。vue 3 的响应式系统使用 proxy 监听数据变化并自动触发更新。suspense处理异

Vue 3 常见面试题

1. Vue 3 的主要特性是什么？

Vue 3 的主要特性包括：

• Composition API：分离逻辑和模板，提供更好的代码复用和可测试性。
• 树摇树（Tree-shaking）：在构建时移除未使用的代码，减小包大小。
• Proxy 代理：使用原生 Proxy API 监听数据变化，提高响应速度。
• Suspense：用于异步组件，在加载完成前展示占位符。
• 原生 TypeScript 支持：在模板和脚本中直接使用 TypeScript 类型。
• 更好的性能：通过优化渲染和更新算法，提高了渲染性能和内存占用。

2. Composition API 和 Options API 的区别是什么？

立即学习“前端免费学习笔记（深入）”；

• Composition API：使用 setup() 函数来组合响应式状态、计算属性和方法。它提供了更细粒度的代码控制和可重用性。
• Options API：使用 data(), computed(), methods() 等选项来定义组件。它提供了更传统和熟悉的 API。

3. Vue 3 中的响应式系统是如何工作的？

Vue 3 使用 Proxy 代理来监听数据变化。当数据被修改时，Proxy 会触发更新，从而自动重新渲染组件。它消除了对 Vue.set() 和 Vue.delete() 等手动响应式更新方法的需要。

4. Vue 3 中的 Suspense 是如何工作的？

Suspense 用于处理异步加载的组件。当异步组件加载完成之前，它会显示一个占位符。一旦组件加载完成，占位符将被替换为组件内容。Suspense 允许开发人员分离加载逻辑和 UI，从而创建更直观的加载体验。

5. Vue 3 中如何进行路由？

Vue 3 推荐使用 Vue Router 库进行路由。Vue Router 提供了用于定义路由、导航和管理 URL 的强大 API。它与 Vue 3 紧密集成，提供响应式路由和无缝的过渡效果。