前端共264篇

面试题:为什么 Vue 要求组件模板只能有一个根元素?

这个问题在 Vue 2 和 Vue 3 中有不同的答案,因为 Vue 3 引入了 Fragment(片段)支持,已经不再强制要求组件模板必须只有一个根元素。 一、在 Vue 2 中:为什么必须有且仅有一个根元素? 在 Vu...
程序百科的头像-程序百科程序百科6个月前
639

面试题:是否了解 Vue 官方的风格指南?请列举其中的一些规则

了解 Vue 官方的风格指南是 Vue 开发者必备的知识。这份指南提供了编写可维护、一致且高效的 Vue 代码的最佳实践。以下是一些重要的规则分类和具体示例: 🔥 优先级 A:必要的规则(规避错误) ...
程序百科的头像-程序百科程序百科6个月前
537

面试题:Vue 中是如何使用 event 对象的?

在 Vue 中使用 event 对象(即原生 DOM 事件对象)有多种方式,可以根据不同的场景灵活处理。以下是详细的使用方法和注意事项: 一、在事件处理函数中自动接收 event 对象 当使用 v-on 绑定事件...
程序百科的头像-程序百科程序百科6个月前
5410

面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?

在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
程序百科的头像-程序百科程序百科6个月前
575

面试题:介绍下 Vue 组件的命名规范?

在 Vue 开发中,遵循良好的组件命名规范有助于提升代码的可读性、可维护性,并避免潜在的解析错误。以下是 Vue 组件的命名规范,涵盖文件命名、注册命名和模板使用三个方面。 一、组件文件命名...
程序百科的头像-程序百科程序百科6个月前
395

面试题:Vue 常用的修饰符有哪些?分别有哪些应用场景?

Vue 提供了丰富的修饰符(Modifiers),它们是以“点 + 后缀”的形式(如 .prevent)附加在指令后面的特殊后缀,用于以声明式的方式修改指令的默认行为。以下是 Vue 中常用的修饰符及其应用场景...
程序百科的头像-程序百科程序百科6个月前
566

面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?

在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
程序百科的头像-程序百科程序百科6个月前
4213

面试题:Vue 路由之间是如何跳转的?有哪些跳转方式?

在 Vue Router 中,路由跳转(也称为编程式导航)是指通过 JavaScript 代码而非用户点击 <router-link> 来实现页面的导航。这是构建动态、交互式应用的关键。 核心原理 Vue Router 利用浏...
程序百科的头像-程序百科程序百科6个月前
5912

面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?

在 Vue 中使用 v-for 遍历对象时,其遍历顺序取决于 JavaScript 引擎对对象属性的枚举顺序,而这个顺序在 ES2015 (ES6) 之后是有明确规范的。 v-for 遍历对象的顺序 当你使用 v-for 遍历一个对...
程序百科的头像-程序百科程序百科6个月前
5413

面试题:Vue 中怎么获取 DOM 节点?

在 Vue 中,获取 DOM 节点是通过 ref 特性来实现的。直接操作 DOM 不是 Vue 推荐的首选方式(Vue 提倡声明式渲染和数据驱动),但在某些特定场景下(如触发焦点、测量元素尺寸、集成第三方库等...
程序百科的头像-程序百科程序百科7个月前
5111