排序
面试题:Vue 中是如何使用 event 对象的?
在 Vue 中使用 event 对象(即原生 DOM 事件对象)有多种方式,可以根据不同的场景灵活处理。以下是详细的使用方法和注意事项: 一、在事件处理函数中自动接收 event 对象 当使用 v-on 绑定事件...
面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?
这是一个考察对前端架构模式理解的面试题。Vue.js 的核心设计思想是 MVVM 模式,但它也借鉴了 MVC 和 MVP 的一些理念。下面详细解释这三种模式的区别: 1. MVC 模式 (Model-View-Controller) 核...
面试题:Vue 项目中如何监听键盘事件?
在 Vue 项目中,监听键盘事件(如 keydown、keyup)有多种方式,既可以使用原生的 DOM 事件,也可以利用 Vue 提供的按键修饰符来简化开发。以下是详细的实现方法: 一、使用 v-on 或 @ 绑定键盘...
面试题:什么是 Vue 的 nextTick?有什么作用?
什么是 Vue 的 nextTick? nextTick 是 Vue 提供的一个全局 API(在 Vue 3 中,通常通过 nextTick 函数使用),它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说,当你修...
面试题:当 Vue 的属性名称与 methods 中的方法名称一样时,会发生什么问题?
当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时,会引发一个命名冲突,导致数据属性被方法覆盖,从而产生严重问题。 会发生什么? 数据属性被覆盖: Vue 在初始化组件实例时,会将 ...
面试题:在 Vue 中使用 this 时应该注意哪些问题?
在 Vue 中使用 this 的注意事项 在 Vue 中使用 this 时需要注意以下几个关键问题: 1. this 的指向问题 箭头函数 vs 普通函数 export default { data() { return { message: 'Hello Vue' } }, m...
面试题:在 Vue 组件中写 name 选项有什么作用?
在 Vue 组件中定义 name 选项是一个良好的实践,它虽然在大多数基础功能中不是必需的,但在多个关键场景下发挥着重要作用。 name 选项的主要作用 1. 递归组件(Recursive Components) 这是 nam...
面试题:Vue 表单修饰符 .lazy 有什么作用?
在 Vue 中,.lazy 是 v-model 的一个表单修饰符 (Form Modifier),它的主要作用是将 v-model 的数据同步时机从默认的 input 事件改为 change 事件。 详细解释: 默认行为 (input 事件): 在默认...
面试题:在 Vue 事件中传入 $event,使用 e.target 和 e.currentTarget 有什么区别?
在 Vue 的事件处理中,e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性,它们都指向 DOM 元素,但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
面试题:active-class 是哪个 Vue 组件的属性?
active-class 是 <router-link> 组件的属性。 详细说明: 所属组件:<router-link> 是 Vue Router 提供的一个全局组件,用于在应用中创建导航链接。 作用:active-class 属性用于指定...