Vue 基础面试题共73篇

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

面试题:Vue 中组件、插件、插槽三个概念的区别是什么?

这是一个很好的概念辨析题,考察对 Vue 核心特性的理解。组件、插件、插槽是 Vue 中三个不同层级、不同用途的概念,它们在职责和使用方式上有本质区别。 一、组件(Component) ✅ 定义: 组件...
程序百科的头像-程序百科程序百科16天前
3415

面试题:在 Vue 组件中如何访问根实例?

在 Vue 应用中,根实例(Root Instance)通常指的是通过 new Vue()(Vue 2)或 createApp()(Vue 3)创建的最顶层的 Vue 应用实例。 在组件中访问根实例是一种不推荐的实践,因为它破坏了组件的...
程序百科的头像-程序百科程序百科14天前
2510

面试题:为什么 Vue 的 data 属性必须声明为返回一个初始数据的函数?

这是一个非常经典的 Vue 面试题,核心原因在于 JavaScript 的对象引用机制和 组件复用的需求。 问题核心:组件是可复用的 在 Vue 中,组件(Component)是一个可复用的实例。我们可以在一个应用...
程序百科的头像-程序百科程序百科18天前
297

面试题:Vue 中 :class 和 :style 有几种表示方式?

在 Vue 中,:class 和 :style 是动态绑定样式的重要特性,它们有多种灵活的表示方式。 🎨 :class 的多种表示方式 1. 对象语法(最常用) <template> <!-- 根据条件动态切换类名 --> <d...
程序百科的头像-程序百科程序百科16天前
245

面试题:在 Vue 组件中写 name 选项有什么作用?

在 Vue 组件中定义 name 选项是一个良好的实践,它虽然在大多数基础功能中不是必需的,但在多个关键场景下发挥着重要作用。 name 选项的主要作用 1. 递归组件(Recursive Components) 这是 nam...
程序百科的头像-程序百科程序百科14天前
427

面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?

在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
程序百科的头像-程序百科程序百科17天前
475

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

在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
程序百科的头像-程序百科程序百科16天前
2110

面试题:为什么 Vue 写组件时可以放在 .vue 文件里?可以使用其他文件后缀吗?

这是一个考察对 Vue 项目构建机制理解的面试题。核心在于 Vue 的构建工具如何解析和处理 .vue 文件。 一、为什么可以将组件写在 .vue 文件里? 因为 .vue 文件是一种 单文件组件(Single File C...
程序百科的头像-程序百科程序百科16天前
247

面试题:Vue 的 v-cloak 和 v-pre 指令有什么作用?

v-cloak 和 v-pre 是 Vue.js 中两个用于优化渲染过程和用户体验的编译阶段指令。它们的作用各不相同,但都与 Vue 的编译和渲染机制有关。 1. v-cloak 指令 作用 v-cloak 指令用于解决页面加载时...
程序百科的头像-程序百科程序百科14天前
4814

面试题:在 Vue 事件中传入 $event,使用 e.target 和 e.currentTarget 有什么区别?

在 Vue 的事件处理中,e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性,它们都指向 DOM 元素,但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
程序百科的头像-程序百科程序百科18天前
4110