排序
面试题:Vue 中是如何使用 event 对象的?
在 Vue 中使用 event 对象(即原生 DOM 事件对象)有多种方式,可以根据不同的场景灵活处理。以下是详细的使用方法和注意事项: 一、在事件处理函数中自动接收 event 对象 当使用 v-on 绑定事件...
面试题:Vue 中有哪些表单修饰符和事件修饰符?
在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...
面试题:你了解 Vue 中的过滤器吗?它有哪些应用场景?
Vue 过滤器详解 1. 过滤器基础概念 Vue 过滤器主要用于文本格式化,可以在模板中直接使用。注意:Vue 3 已移除过滤器,但在 Vue 2 中仍然常用。 基本语法 <template> <!-- 使用过滤器 -->...
面试题:当 Vue 的属性名称与 methods 中的方法名称一样时,会发生什么问题?
当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时,会引发一个命名冲突,导致数据属性被方法覆盖,从而产生严重问题。 会发生什么? 数据属性被覆盖: Vue 在初始化组件实例时,会将 ...
面试题:在 Vue 组件中如何获取当前的路由信息?
在 Vue 项目中,如果使用了 Vue Router,可以通过以下几种方式在组件中获取当前的路由信息(如路径、参数、查询字符串等)。 一、在 Vue 2 + Vue Router 中获取路由信息 1. 通过 this.$route 对...
面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?
在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
面试题:是否了解 Vue 官方的风格指南?请列举其中的一些规则
了解 Vue 官方的风格指南是 Vue 开发者必备的知识。这份指南提供了编写可维护、一致且高效的 Vue 代码的最佳实践。以下是一些重要的规则分类和具体示例: 🔥 优先级 A:必要的规则(规避错误) ...
面试题:在 Vue 中,如果变量名以 _ 或 $ 开头,会有什么问题?如何访问到这些值?
在 Vue 中,以 _ 或 $ 开头的变量名确实会有特殊行为,这源于 Vue 的设计决策。 🚫 问题:自动代理排除 Vue 会自动跳过以 _ 或 $ 开头的属性,不会将它们设置为响应式数据,也不会代理到 Vue 实...
面试题:Vue 中 computed 和 methods 的区别是什么?
在 Vue 中,computed(计算属性)和 methods(方法)都可以用来封装逻辑和返回数据,但它们在缓存机制、调用方式和适用场景上有本质区别。 核心区别总结 特性computed (计算属性)methods (方法)...
面试题:什么是 Vue 指令?Vue 有哪些常用的指令?
什么是 Vue 指令? Vue 指令(Directives)是 Vue 框架提供的一种特殊的自定义 HTML 属性,它们以 v- 为前缀(例如 v-if, v-model)。指令的作用是当其表达式的值发生变化时,响应式地将某些行...
