面试题：在 Vue 事件中传入 $event，使用 e.target 和 e.currentTarget 有什么区别？
在 Vue 的事件处理中，e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性，它们都指向 DOM 元素，但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
面试题：为什么 Vue 的 data 属性必须声明为返回一个初始数据的函数？
这是一个非常经典的 Vue 面试题，核心原因在于 JavaScript 的对象引用机制和 组件复用的需求。 问题核心：组件是可复用的 在 Vue 中，组件（Component）是一个可复用的实例。我们可以在一个应用...
面试题：什么是 Vue 指令？Vue 有哪些常用的指令？
什么是 Vue 指令？ Vue 指令（Directives）是 Vue 框架提供的一种特殊的自定义 HTML 属性，它们以 v- 为前缀（例如 v-if, v-model）。指令的作用是当其表达式的值发生变化时，响应式地将某些行...
面试题：Vue 在 created 和 mounted 这两个生命周期钩子中请求数据有什么区别？
在 Vue 中，created 和 mounted 都是常用的生命周期钩子，都可以用来发起数据请求，但它们在执行时机和适用场景上存在关键区别。 1. 执行时机 created 钩子： 在实例创建完成后立即调用。 此时...
面试题：Vue Router 中 route 和 router 有哪些区别？
在 Vue Router 中，router 和 route 是两个核心但极易混淆的概念。它们的区别如下： 1. 核心定义 router (路由器实例)： 你可以把它理解为整个导航系统的“控制器”或“管理者”。 它是一个通过...
面试题：Vue 表单修饰符 .lazy 有什么作用？
在 Vue 中，.lazy 是 v-model 的一个表单修饰符 (Form Modifier)，它的主要作用是将 v-model 的数据同步时机从默认的 input 事件改为 change 事件。 详细解释： 默认行为 (input 事件)： 在默认...
面试题：active-class 是哪个 Vue 组件的属性？
active-class 是 <router-link> 组件的属性。 详细说明： 所属组件：<router-link> 是 Vue Router 提供的一个全局组件，用于在应用中创建导航链接。 作用：active-class 属性用于指定...
面试题：Vue Router 中 params 和 query 有什么区别？
在 Vue Router 中，params 和 query 都是用来在路由跳转时传递参数的，但它们在使用方式、URL 表现形式和适用场景上有明显区别。 1. URL 表现形式不同 query 参数： 以键值对的形式出现在 URL ...
面试题：ES6 箭头函数和普通函数有什么区别？
ES6 箭头函数（Arrow Functions）与传统的普通函数（使用 function 关键字定义）在语法、行为和使用场景上存在显著差异。以下是它们之间的主要区别： 1. 语法差异 (Syntax) 普通函数：使用 func...
面试题：️ES6 箭头函数能当构造函数吗？
不能，ES6 箭头函数不能用作构造函数。 如果你尝试使用 new 操作符来调用一个箭头函数，JavaScript 引擎会抛出一个 TypeError 错误。 1. 直接结果 const MyArrow = () => { console.log('I am a...
