面试题：在 Vue 的 v-for 循环中，key 有什么作用？
在 Vue 的 v-for 指令中，key 是一个非常重要的特殊属性，它的主要作用是为每个循环项提供一个唯一的“身份标识”（identity），帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素，...
面试题：Vue Router 的 hash 模式和 history 模式有什么区别？
Vue Router 的 hash 模式 和 history 模式 是两种实现单页面应用（SPA）路由的机制，它们在 URL 结构、工作原理、服务器配置要求 和 用户体验 上有显著区别。 以下是它们的核心区别： 1. URL 结...
面试题：什么是 Vue 的 nextTick？有什么作用？
什么是 Vue 的 nextTick？ nextTick 是 Vue 提供的一个全局 API（在 Vue 3 中，通常通过 nextTick 函数使用），它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说，当你修...
面试题：v-on 在 Vue 中可以绑定多个方法吗？
是的，v-on 在 Vue 中可以绑定多个方法。Vue 提供了多种方式来实现这一需求。 🎯 方式一：对象语法（最常用） 基本用法 <template> <button v-on='{ click: handleClick, mouseenter: han...
面试题：Vue 中 computed 和 watch 的区别是什么？
在 Vue 中，computed 和 watch 都是用于响应数据变化的特性，但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
面试题：为什么 Vue 中给对象添加新属性后界面不刷新？
在 Vue 2 中，当你直接给一个响应式对象添加一个全新的属性时，界面不会自动更新，这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
面试题：在 Vue 中，如果变量名以 _ 或 $ 开头，会有什么问题？如何访问到这些值？
在 Vue 中，以 _ 或 $ 开头的变量名确实会有特殊行为，这源于 Vue 的设计决策。 🚫 问题：自动代理排除 Vue 会自动跳过以 _ 或 $ 开头的属性，不会将它们设置为响应式数据，也不会代理到 Vue 实...
面试题：当 Vue 的属性名称与 methods 中的方法名称一样时，会发生什么问题？
当 Vue 组件中的 data 属性名称 与 methods 方法名称 相同时，会引发一个命名冲突，导致数据属性被方法覆盖，从而产生严重问题。 会发生什么？ 数据属性被覆盖： Vue 在初始化组件实例时，会将 ...
面试题：什么是 Vue 的自定义指令？自定义指令的应用场景有哪些？
好的，这是一个关于 Vue.js 框架的常见面试题。下面我将为您详细解答： 什么是 Vue 的自定义指令？ 在 Vue.js 中，自定义指令（Custom Directives） 是一种允许开发者直接操作底层 DOM 元素的机...
面试题：Vue 中 data 的属性可以与 methods 中的方法同名吗？为什么？
不可以。在 Vue 中，data 的属性不应该与 methods 中的方法同名。 主要原因如下： 1. 命名冲突与覆盖（核心原因） Vue 在初始化组件实例时，会将 data 函数返回的对象中的所有属性，以及 method...
