排序
面试题:Vue Router 的 hash 模式和 history 模式有什么区别?
Vue Router 的 hash 模式 和 history 模式 是两种实现单页面应用(SPA)路由的机制,它们在 URL 结构、工作原理、服务器配置要求 和 用户体验 上有显著区别。 以下是它们的核心区别: 1. URL 结...
面试题:什么是 Vue 的 v-model?有什么作用?
v-model 是 Vue 中一个非常强大且常用的指令(Directive),它本质上是语法糖,用于在表单元素或组件上创建双向数据绑定(Two-way Data Binding)。 一、什么是 v-model? v-model 可以看作是:...
面试题:Vue 中组件、插件、插槽三个概念的区别是什么?
这是一个很好的概念辨析题,考察对 Vue 核心特性的理解。组件、插件、插槽是 Vue 中三个不同层级、不同用途的概念,它们在职责和使用方式上有本质区别。 一、组件(Component) ✅ 定义: 组件...
面试题:有哪些定义 Vue 组件模板的方法?
在 Vue 中,定义组件模板(template)有多种方式,适用于不同的开发场景和项目需求。以下是主要的几种方法,涵盖 Vue 2 和 Vue 3 的实践。 一、1. 单文件组件(SFC)中的 <template> 标签...
面试题:什么是 Vue 的 nextTick?有什么作用?
什么是 Vue 的 nextTick? nextTick 是 Vue 提供的一个全局 API(在 Vue 3 中,通常通过 nextTick 函数使用),它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说,当你修...
面试题:Vue 的 v-cloak 和 v-pre 指令有什么作用?
v-cloak 和 v-pre 是 Vue.js 中两个用于优化渲染过程和用户体验的编译阶段指令。它们的作用各不相同,但都与 Vue 的编译和渲染机制有关。 1. v-cloak 指令 作用 v-cloak 指令用于解决页面加载时...
面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?
在 Vue 中使用 v-for 遍历对象时,其遍历顺序取决于 JavaScript 引擎对对象属性的枚举顺序,而这个顺序在 ES2015 (ES6) 之后是有明确规范的。 v-for 遍历对象的顺序 当你使用 v-for 遍历一个对...
面试题:在 Vue 组件中如何获取当前的路由信息?
在 Vue 项目中,如果使用了 Vue Router,可以通过以下几种方式在组件中获取当前的路由信息(如路径、参数、查询字符串等)。 一、在 Vue 2 + Vue Router 中获取路由信息 1. 通过 this.$route 对...
面试题:Vue 中有哪些表单修饰符和事件修饰符?
在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...
面试题:在 Vue 的 v-for 循环中,key 有什么作用?
在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
