vue3相关面试问题

以下是关于 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++;