排序
面试题:Vue 表单修饰符 .lazy 有什么作用?
在 Vue 中,.lazy 是 v-model 的一个表单修饰符 (Form Modifier),它的主要作用是将 v-model 的数据同步时机从默认的 input 事件改为 change 事件。 详细解释: 默认行为 (input 事件): 在默认...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:怎么在组件初始化时立即调用 Vue 的 watch 函数?
这是一个常见的面试题,考察对 Vue 响应式系统和 watch 选项的深入理解。 核心答案: 在 Vue 中,watch 默认不会在组件初始化时立即执行。如果希望在监听的数据初始化时就立即执行一次回调函数...
面试题:Vue Router 中 params 和 query 有什么区别?
在 Vue Router 中,params 和 query 都是用来在路由跳转时传递参数的,但它们在使用方式、URL 表现形式和适用场景上有明显区别。 1. URL 表现形式不同 query 参数: 以键值对的形式出现在 URL ...
面试题:Vue 在 created 和 mounted 这两个生命周期钩子中请求数据有什么区别?
在 Vue 中,created 和 mounted 都是常用的生命周期钩子,都可以用来发起数据请求,但它们在执行时机和适用场景上存在关键区别。 1. 执行时机 created 钩子: 在实例创建完成后立即调用。 此时...
面试题:介绍下 Vue 组件的命名规范?
在 Vue 开发中,遵循良好的组件命名规范有助于提升代码的可读性、可维护性,并避免潜在的解析错误。以下是 Vue 组件的命名规范,涵盖文件命名、注册命名和模板使用三个方面。 一、组件文件命名...
面试题:什么是 Vue 的前端路由?如何实现?
Vue 的前端路由是指在单页面应用(SPA)中,通过 JavaScript 在不重新加载整个页面的情况下,实现不同“视图”或“页面”之间的切换和导航。 它利用浏览器的 History API 或 hash 模式来管理 UR...
面试题:Vue 父子组件之间传值有哪些方式?
在 Vue 中,父子组件之间的数据传递是构建可维护应用的基础。以下是父子组件传值的主要方式,涵盖 Vue 2 和 Vue 3 的通用实践。 一、父组件 → 子组件:通过 Props 这是最标准、最常用的向下传...
面试题:如何重置 Vue 的 data?
在 Vue 中,“重置 data”通常指的是将组件实例的数据恢复到其初始状态(即组件创建时 data 函数返回的对象)。有几种常用的方法来实现这一目标。 方法一:调用 data() 函数并合并(推荐) 这是...
面试题:为什么 Vue 的 data 属性必须声明为返回一个初始数据的函数?
这是一个非常经典的 Vue 面试题,核心原因在于 JavaScript 的对象引用机制和 组件复用的需求。 问题核心:组件是可复用的 在 Vue 中,组件(Component)是一个可复用的实例。我们可以在一个应用...
