排序
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
面试题:Vue 中 computed 和 watch 的区别是什么?
在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
面试题:v-on 在 Vue 中可以绑定多个方法吗?
是的,v-on 在 Vue 中可以绑定多个方法。Vue 提供了多种方式来实现这一需求。 🎯 方式一:对象语法(最常用) 基本用法 <template> <button v-on='{ click: handleClick, mouseenter: han...
面试题:什么是 Vue 的 nextTick?有什么作用?
什么是 Vue 的 nextTick? nextTick 是 Vue 提供的一个全局 API(在 Vue 3 中,通常通过 nextTick 函数使用),它的作用是将一个回调函数延迟到下一个 DOM 更新周期之后执行。 简单来说,当你修...
面试题:Vue Router 的 hash 模式和 history 模式有什么区别?
Vue Router 的 hash 模式 和 history 模式 是两种实现单页面应用(SPA)路由的机制,它们在 URL 结构、工作原理、服务器配置要求 和 用户体验 上有显著区别。 以下是它们的核心区别: 1. URL 结...
面试题:在 Vue 的 v-for 循环中,key 有什么作用?
在 Vue 的 v-for 指令中,key 是一个非常重要的特殊属性,它的主要作用是为每个循环项提供一个唯一的“身份标识”(identity),帮助 Vue 的虚拟 DOM (Virtual DOM) 算法高效地追踪和复用元素,...
面试题:通常在 Vue 的哪个生命周期钩子中请求异步数据?为什么?
通常在 created 钩子中请求异步数据。 为什么选择 created 钩子? 时机恰当: created 钩子在组件实例被创建后立即执行。此时,组件的 data、methods、computed 等选项已经被处理,数据已经响应...
面试题:什么是 Vue 的生命周期?生命周期的作用是什么?
什么是 Vue 的生命周期? Vue 的生命周期指的是一个 Vue 组件从创建、挂载、更新到最终销毁的整个过程。在这个过程中,Vue 框架会在特定的时间点自动调用一些预先定义好的函数,这些函数被称为...
面试题:Vue 中 computed 和 methods 的区别是什么?
在 Vue 中,computed(计算属性)和 methods(方法)都可以用来封装逻辑和返回数据,但它们在缓存机制、调用方式和适用场景上有本质区别。 核心区别总结 特性computed (计算属性)methods (方法)...
面试题:Vue 实例在挂载过程中发生了什么?
当一个 Vue 实例(或组件)被挂载(mount)时,它会经历一系列内部步骤,从创建实例到最终将虚拟 DOM 渲染为真实 DOM 并插入页面。这个过程主要涉及 beforeMount 和 mounted 两个生命周期钩子。...
