vue3相关面试问题

最新推荐文章于 2025-11-08 22:51:38 发布

原创

最新推荐文章于 2025-11-08 22:51:38 发布 · 1.4k 阅读

16 ·

CC 4.0 BY-SA版权

文章标签：

#面试 #职场和发展

以下是关于 Vue 3 的一些常见面试问题，涵盖了基础知识、组合式 API、响应式系统、组件、生命周期、状态管理、路由等方面。

文章目录

1. 基础知识

1.1 什么是 Vue 3？

回答：Vue 3 是 Vue.js 的最新版本，提供了许多新特性和改进，包括性能提升、更好的 TypeScript 支持、更强大的组合式 API 等。

1.2 Vue 3 的主要改进有哪些？

回答：
- 性能提升：更快的编译速度和更小的包体积。
- 更好的 TypeScript 支持：更好的类型推断和更少的类型错误。
- 组合式 API：setup 函数和 ref/reactive 提供了更灵活的逻辑复用。
- 更好的 Tree Shaking：更高效的代码拆分。
- 更好的响应式系统：改进的响应式系统和更好的性能。

2. 组合式 API

2.1 什么是组合式 API？

回答：组合式 API 是 Vue 3 引入的一种新的编写组件逻辑的方式，通过 setup 函数来组织代码。它允许更灵活地复用逻辑和更好的类型推断。

2.2 如何使用 `ref` 和 `reactive`？

回答：

ref：用于创建响应式的单个值。

import {
       
        ref } from 'vue';

export default {
       
       
  setup() {
       
       
    const count = ref(0);

    const increment = () => {
       
       
      count.value++;
    };

    return {
       
       
      count,
      increment
    };
  }
};

reactive：用于创建响应式的对象。

import {
       
        reactive } from 'vue';

export default {
       
       
  setup() {
       
       
    const state = reactive({
       
       
      count: 0
    });

    const increment = () => {
       
       
      state.count++;