排序
面试题:Vue 中组件、插件、插槽三个概念的区别是什么?
这是一个很好的概念辨析题,考察对 Vue 核心特性的理解。组件、插件、插槽是 Vue 中三个不同层级、不同用途的概念,它们在职责和使用方式上有本质区别。 一、组件(Component) ✅ 定义: 组件...
面试题:通常在 Vue 的哪个生命周期钩子中请求异步数据?为什么?
通常在 created 钩子中请求异步数据。 为什么选择 created 钩子? 时机恰当: created 钩子在组件实例被创建后立即执行。此时,组件的 data、methods、computed 等选项已经被处理,数据已经响应...
面试题:Vue 路由之间是如何跳转的?有哪些跳转方式?
在 Vue Router 中,路由跳转(也称为编程式导航)是指通过 JavaScript 代码而非用户点击 <router-link> 来实现页面的导航。这是构建动态、交互式应用的关键。 核心原理 Vue Router 利用浏...
面试题:Vue 的生命周期总共有哪几个阶段?
Vue 3 的组件生命周期(也称为生命周期钩子)是组件从创建、挂载、更新到销毁的整个过程中的关键时间点。开发者可以在这些时间点注册回调函数(即生命周期钩子),在特定阶段执行自定义逻辑。 V...
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
面试题:什么是 Vue Router 的 router-link 组件?
<router-link> 是 Vue Router 提供的一个全局组件,用于在单页面应用(SPA)中实现声明式的、可访问的导航链接。它是构建应用导航结构的基础工具。 简单来说,<router-link> 就是 V...
面试题:在 Vue 中使用 this 时应该注意哪些问题?
在 Vue 中使用 this 的注意事项 在 Vue 中使用 this 时需要注意以下几个关键问题: 1. this 的指向问题 箭头函数 vs 普通函数 export default { data() { return { message: 'Hello Vue' } }, m...
面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?
在 Vue 中使用 v-for 遍历对象时,其遍历顺序取决于 JavaScript 引擎对对象属性的枚举顺序,而这个顺序在 ES2015 (ES6) 之后是有明确规范的。 v-for 遍历对象的顺序 当你使用 v-for 遍历一个对...
面试题:Vue 项目中如何监听键盘事件?
在 Vue 项目中,监听键盘事件(如 keydown、keyup)有多种方式,既可以使用原生的 DOM 事件,也可以利用 Vue 提供的按键修饰符来简化开发。以下是详细的实现方法: 一、使用 v-on 或 @ 绑定键盘...
面试题:Vue Router 中 route 和 router 有哪些区别?
在 Vue Router 中,router 和 route 是两个核心但极易混淆的概念。它们的区别如下: 1. 核心定义 router (路由器实例): 你可以把它理解为整个导航系统的“控制器”或“管理者”。 它是一个通过...
