Vue 基础面试题共74篇

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

active-class 是 Vue Router 中 <router-link> 组件的属性。 作用 active-class 用于指定当 <router-link> 对应的路由匹配成功时,自动添加到该链接上的 CSS 类名。默认情况下,Vue...
程序百科的头像-程序百科程序百科32天前
04612

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

在 Vue 中,如果 data 中的属性名称与 methods 中的方法名称相同,会导致命名冲突,具体表现如下: 1. data 属性会覆盖 methods 方法 Vue 会将 data...
程序百科的头像-程序百科程序百科31天前
04012

面试题:Vue 中 MVVM、MVC 和 MVP 模式的区别是什么?

MVVM、MVC 和 MVP 是三种常见的软件架构模式,它们在前端开发中(尤其是 Vue 框架中)有不同的应用场景和特点。以下是它们的区别和联系: 1. MVC(Model-View-Controller) 核心思想 MVC 模式将...
程序百科的头像-程序百科程序百科31天前
0715

面试题:Vue 使用 v-for 遍历对象时,是按什么顺序遍历的?如何保证遍历顺序?

在 Vue 中使用 v-for 遍历对象时,遍历的顺序是 按照对象键的插入顺序。这是由 JavaScript 的规范决定的,从 ES6 开始,对象的键顺序是按照插入顺序保留的。 1. 遍历顺序 ES6 及以上:对象的键...
程序百科的头像-程序百科程序百科32天前
04714

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

在 .vue 文件中,<style> 和 <script> 并不是必须的,具体是否需要取决于组件的需求。 1. <style> 部分 是否需要:不一定。 原因:如果组件不需要自定义样式,或者样式已经在...
程序百科的头像-程序百科程序百科31天前
03211

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

在 Vue 中,computed 和 methods 都用于定义可以在模板中使用的函数或计算属性,但它们在实现方式和使用场景上有显著的区别。以下是它们的详细对比: 一、computed 和 methods 的区别 特性compu...
程序百科的头像-程序百科程序百科32天前
0487

面试题:Vue 中 data 的属性可以与 methods 中的方法同名吗?为什么?

在 Vue 中,data 的属性不能与 methods 中的方法同名。如果同名,会导致命名冲突,Vue 会抛出警告,并且可能会导致不可预期的行为。 1. 为什么不能同名? Vue 在初始化组件时,会将 data、metho...
程序百科的头像-程序百科程序百科31天前
0237

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

在 Vue 中,.lazy 是一个表单输入修饰符,主要用于改变 v-model 的默认行为,使其在输入框的 change 事件(而不是 input 事件)触发时才同步数据。 作用 默认情况下,v-model 在表单输入框中的...
程序百科的头像-程序百科程序百科32天前
0528

面试题:第一次加载 Vue 页面时会触发哪些生命周期钩子?

在 Vue 中,第一次加载页面时,会触发一系列生命周期钩子。这些钩子按照特定的顺序执行,用于完成组件的初始化、挂载和渲染等操作。以下是第一次加载页面时触发的生命周期钩子及其顺序: 1.&nbs...
程序百科的头像-程序百科程序百科31天前
02715

面试题:Vue 的 template 标签有什么用?

在 Vue 中,<template> 标签是一个特殊的标签,用于包裹模板内容,但它不会被渲染为实际的 DOM 元素。它的主要作用是作为占位符或容器,用于组织和复用代码。 1. <template> 标签的...
程序百科的头像-程序百科程序百科31天前
0577