Vue 基础面试题共73篇

Vue 是用于构建用户界面的渐进式 JavaScript 框架。Vue 基础面试题的考察重点包括 Vue 的双向数据绑定、模板语法、Vue 实例与生命周期钩子、组件之间的通信(props 和 $emit)、条件与循环渲染、事件处理、计算属性与侦听器的使用、以及 Vue 的指令系统。

面试题:Vue 2.0 的 v-html 指令不再支持使用过滤器,还有哪些处理 HTML 内容的方法?

这是一个关于 Vue 2.0 版本升级后特性的经典问题。在 Vue 2.0 中,v-html 指令确实不再支持过滤器(filters),这是与 Vue 1.x 的一个重要区别。 ❌ 错误做法(Vue 2 不支持): <!-- Vue 1....
程序百科的头像-程序百科程序百科15天前
3612

面试题:你了解 Vue 中的过滤器吗?它有哪些应用场景?

Vue 过滤器详解 1. 过滤器基础概念 Vue 过滤器主要用于文本格式化,可以在模板中直接使用。注意:Vue 3 已移除过滤器,但在 Vue 2 中仍然常用。 基本语法 <template> <!-- 使用过滤器 -->...
程序百科的头像-程序百科程序百科12天前
368

面试题:如何访问 Vue 子组件的实例或子元素?

在 Vue 中,有时需要从父组件直接访问子组件的实例或其内部的 DOM 元素。Vue 提供了 ref 特性来实现这一需求。 核心方法:使用 ref 在子组件或元素上定义 ref:在父组件的模板中,为要访问的子...
程序百科的头像-程序百科程序百科17天前
2110

面试题:Vue 实例在挂载过程中发生了什么?

当一个 Vue 实例(或组件)被挂载(mount)时,它会经历一系列内部步骤,从创建实例到最终将虚拟 DOM 渲染为真实 DOM 并插入页面。这个过程主要涉及 beforeMount 和 mounted 两个生命周期钩子。...
程序百科的头像-程序百科程序百科14天前
3611

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

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

面试题:当 Vue 的属性名称与 methods 中的方法名称一样时,会发生什么问题?

当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时,会引发一个命名冲突,导致数据属性被方法覆盖,从而产生严重问题。 会发生什么? 数据属性被覆盖: Vue 在初始化组件实例时,会将 ...
程序百科的头像-程序百科程序百科14天前
448

面试题:什么是 Vue 的单向数据流和双向数据流?

这是一个关于 Vue 核心设计理念的经典问题。理解“单向数据流”和“双向数据流”有助于掌握 Vue 的数据绑定机制和组件通信原则。 一、单向数据流(Unidirectional Data Flow) ✅ 定义: 单向数...
程序百科的头像-程序百科程序百科15天前
4812

面试题:Vue Router 如何配置 404 页面?

在 Vue Router 中配置 404 页面(即“页面未找到”)是构建健壮单页应用(SPA)的重要环节。其核心原理是利用路由的匹配顺序和通配符路由。 配置 404 页面的核心步骤 1. 创建 404 组件 首先,创...
程序百科的头像-程序百科程序百科12天前
3410

面试题:如何重置 Vue 的 data?

在 Vue 中,“重置 data”通常指的是将组件实例的数据恢复到其初始状态(即组件创建时 data 函数返回的对象)。有几种常用的方法来实现这一目标。 方法一:调用 data() 函数并合并(推荐) 这是...
程序百科的头像-程序百科程序百科17天前
2312

面试题:Vue 中 computed 和 methods 的区别是什么?

在 Vue 中,computed(计算属性)和 methods(方法)都可以用来封装逻辑和返回数据,但它们在缓存机制、调用方式和适用场景上有本质区别。 核心区别总结 特性computed (计算属性)methods (方法)...
程序百科的头像-程序百科程序百科14天前
4712