Vue 基础面试题共73篇

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

面试题:通常在 Vue 的哪个生命周期钩子中请求异步数据?为什么?

通常在 created 钩子中请求异步数据。 为什么选择 created 钩子? 时机恰当: created 钩子在组件实例被创建后立即执行。此时,组件的 data、methods、computed 等选项已经被处理,数据已经响应...
程序百科的头像-程序百科程序百科5个月前
4910

面试题:在 Vue 组件中如何获取当前的路由信息?

在 Vue 项目中,如果使用了 Vue Router,可以通过以下几种方式在组件中获取当前的路由信息(如路径、参数、查询字符串等)。 一、在 Vue 2 + Vue Router 中获取路由信息 1. 通过 this.$route 对...
程序百科的头像-程序百科程序百科5个月前
6113

面试题:如何定义 Vue 的动态路由?如何获取传过来的动态参数?

这是一个关于 Vue Router 的核心知识点。以下是详细的解答: 如何定义 Vue 的动态路由? 在 Vue Router 中,动态路由(Dynamic Routing)是指路由路径中包含可变部分(通常是 ID 或其他标识符)...
程序百科的头像-程序百科程序百科5个月前
468

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

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

面试题:Vue 中有哪些表单修饰符和事件修饰符?

在 Vue.js 中,修饰符(Modifiers)是通过点(.)语法附加到指令(如 v-model 或 v-on)上的特殊后缀,用于以声明式的方式改变指令的行为。它们主要分为表单修饰符(用于 v-model)和事件修饰符...
程序百科的头像-程序百科程序百科5个月前
5813

面试题:为什么 Vue 中的 data 属性是一个函数而不是一个对象?

这是一个 Vue.js 面试中的经典问题,考察对组件实例化机制和数据隔离的理解。 核心答案:在 Vue 组件中,data 必须是一个函数,而不是一个对象,是为了保证每个组件实例都能拥有自己独立的数据...
程序百科的头像-程序百科程序百科5个月前
6511

面试题:Vue 路由之间是如何跳转的?有哪些跳转方式?

在 Vue Router 中,路由跳转(也称为编程式导航)是指通过 JavaScript 代码而非用户点击 <router-link> 来实现页面的导航。这是构建动态、交互式应用的关键。 核心原理 Vue Router 利用浏...
程序百科的头像-程序百科程序百科5个月前
5412

面试题:在 Vue 的 v-for 循环中,key 有什么作用?

在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
程序百科的头像-程序百科程序百科5个月前
3713

面试题:在 .vue 文件中,style 和 script 必须要写么?为什么?

这是一个很好的问题,它考察了对 .vue 单文件组件(SFC, Single File Component)结构的理解。 简短回答: 在一个 .vue 文件中,<template>、<script> 和 <style> 都不是绝对...
程序百科的头像-程序百科程序百科5个月前
416

面试题:Vue Router 有什么作用?它有哪些组件?

这是一个关于 Vue 生态系统核心库 Vue Router 的基础但重要的面试题。以下是全面的解答: Vue Router 有什么作用? Vue Router 是 Vue.js 官方的路由管理器(Routing Library)。它为 Vue.js 单...
程序百科的头像-程序百科程序百科5个月前
476