排序
面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?
在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
面试题:当 Vue 的属性名称与 methods 中的方法名称一样时,会发生什么问题?
当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时,会引发一个命名冲突,导致数据属性被方法覆盖,从而产生严重问题。 会发生什么? 数据属性被覆盖: Vue 在初始化组件实例时,会将 ...
面试题:Vue Router 如何配置 404 页面?
在 Vue Router 中配置 404 页面(即“页面未找到”)是构建健壮单页应用(SPA)的重要环节。其核心原理是利用路由的匹配顺序和通配符路由。 配置 404 页面的核心步骤 1. 创建 404 组件 首先,创...
面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?
在 Vue 中使用 v-for 遍历对象时,其遍历顺序取决于 JavaScript 引擎对对象属性的枚举顺序,而这个顺序在 ES2015 (ES6) 之后是有明确规范的。 v-for 遍历对象的顺序 当你使用 v-for 遍历一个对...
面试题:在 Vue 中,如果变量名以 _ 或 $ 开头,会有什么问题?如何访问到这些值?
在 Vue 中,以 _ 或 $ 开头的变量名确实会有特殊行为,这源于 Vue 的设计决策。 🚫 问题:自动代理排除 Vue 会自动跳过以 _ 或 $ 开头的属性,不会将它们设置为响应式数据,也不会代理到 Vue 实...
面试题:Vue 中怎么获取 DOM 节点?
在 Vue 中,获取 DOM 节点是通过 ref 特性来实现的。直接操作 DOM 不是 Vue 推荐的首选方式(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 中的过滤器吗?它有哪些应用场景?
Vue 过滤器详解 1. 过滤器基础概念 Vue 过滤器主要用于文本格式化,可以在模板中直接使用。注意:Vue 3 已移除过滤器,但在 Vue 2 中仍然常用。 基本语法 <template> <!-- 使用过滤器 -->...
面试题:为什么 Vue 要求组件模板只能有一个根元素?
这个问题在 Vue 2 和 Vue 3 中有不同的答案,因为 Vue 3 引入了 Fragment(片段)支持,已经不再强制要求组件模板必须只有一个根元素。 一、在 Vue 2 中:为什么必须有且仅有一个根元素? 在 Vu...
