排序
面试题: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 中有哪些表单修饰符和事件修饰符?
在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...
面试题:在 Vue 的 v-for 循环中,key 有什么作用?
在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?
在第一次加载 Vue 页面时,会依次触发以下生命周期钩子(以 Vue 2 和 Vue 3 大体一致的流程为准): beforeCreate实例刚被创建,数据观测 (data observer) 和事件配置尚未开始,data、methods ...
面试题:在 Vue 中使用 this 时应该注意哪些问题?
在 Vue 中使用 this 的注意事项 在 Vue 中使用 this 时需要注意以下几个关键问题: 1. this 的指向问题 箭头函数 vs 普通函数 export default { data() { return { message: 'Hello Vue' } }, m...