排序
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:在 Vue 中使用 this 时应该注意哪些问题?
在 Vue 中使用 this 的注意事项 在 Vue 中使用 this 时需要注意以下几个关键问题: 1. this 的指向问题 箭头函数 vs 普通函数 export default { data() { return { message: 'Hello Vue' } }, m...
面试题:Vue Router 支持哪几种路由模式?它们有什么区别?
Vue Router 支持两种主要的路由模式,用于在单页面应用(SPA)中实现无刷新的页面切换: Hash 模式 (默认模式) History 模式 1. Hash 模式 实现方式:使用 URL 的 hash(#)部分来模拟一个完整...
面试题:Vue Router 的跳转和 location.href 有什么区别?
Vue Router 的编程式导航(如 router.push)和原生的 location.href 都能实现页面跳转,但它们在工作原理、用户体验和应用状态上有本质区别。 核心区别 特性Vue Router (router.push)location.h...
面试题:Vue 表单修饰符 .lazy 有什么作用?
在 Vue 中,.lazy 是 v-model 的一个表单修饰符 (Form Modifier),它的主要作用是将 v-model 的数据同步时机从默认的 input 事件改为 change 事件。 详细解释: 默认行为 (input 事件): 在默认...
面试题:Vue 路由之间是如何跳转的?有哪些跳转方式?
在 Vue Router 中,路由跳转(也称为编程式导航)是指通过 JavaScript 代码而非用户点击 <router-link> 来实现页面的导航。这是构建动态、交互式应用的关键。 核心原理 Vue Router 利用浏...
面试题:什么是 Vue Router 的 router-link 组件?
<router-link> 是 Vue Router 提供的一个全局组件,用于在单页面应用(SPA)中实现声明式的、可访问的导航链接。它是构建应用导航结构的基础工具。 简单来说,<router-link> 就是 V...
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?
这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
面试题:什么是 Vue 的单向数据流和双向数据流?
这是一个关于 Vue 核心设计理念的经典问题。理解“单向数据流”和“双向数据流”有助于掌握 Vue 的数据绑定机制和组件通信原则。 一、单向数据流(Unidirectional Data Flow) ✅ 定义: 单向数...
