Vue 基础面试题共73篇

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

面试题:active-class 是哪个 Vue 组件的属性?

active-class 是 <router-link> 组件的属性。 详细说明: 所属组件:<router-link> 是 Vue Router 提供的一个全局组件,用于在应用中创建导航链接。 作用:active-class 属性用于指定...
程序百科的头像-程序百科程序百科6个月前
458

面试题:Vue 表单修饰符 .lazy 有什么作用?

在 Vue 中,.lazy 是 v-model 的一个表单修饰符 (Form Modifier),它的主要作用是将 v-model 的数据同步时机从默认的 input 事件改为 change 事件。 详细解释: 默认行为 (input 事件): 在默认...
程序百科的头像-程序百科程序百科6个月前
4512

面试题:为什么 Vue 中给对象添加新属性后界面不刷新?

在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
程序百科的头像-程序百科程序百科5个月前
4412

面试题:Vue Router 的 hash 模式和 history 模式有什么区别?

Vue Router 的 hash 模式 和 history 模式 是两种实现单页面应用(SPA)路由的机制,它们在 URL 结构、工作原理、服务器配置要求 和 用户体验 上有显著区别。 以下是它们的核心区别: 1. URL 结...
程序百科的头像-程序百科程序百科5个月前
4415

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

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

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

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

面试题:说说你对 Vue 的理解?相比于原生开发,使用 Vue 有哪些优点?

对 Vue 的理解 Vue (读音 /vjuː/,类似于 'view') 是一个用于构建用户界面的渐进式 JavaScript 框架。 渐进式 (Progressive):这是 Vue 最核心的特性。它意味着你可以根据项目需求,选择性地使...
程序百科的头像-程序百科程序百科5个月前
4311

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

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

面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?

v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
程序百科的头像-程序百科程序百科5个月前
425

面试题:Vue 的模板语法使用的是哪个 Web 模板引擎?介绍下该模板引擎

这是一个考察对 Vue 模板机制底层原理理解的面试题。 直接答案: Vue 的模板语法并不是基于任何第三方 Web 模板引擎(如 Handlebars、Mustache、Pug 等),而是 Vue 自研的一套模板编译系统。 ...
程序百科的头像-程序百科程序百科5个月前
4211