排序
面试题:在 Vue 组件中写 name 选项有什么作用?
在 Vue 组件中定义 name 选项是一个良好的实践,它虽然在大多数基础功能中不是必需的,但在多个关键场景下发挥着重要作用。 name 选项的主要作用 1. 递归组件(Recursive Components) 这是 nam...
面试题:怎么使 CSS 样式只在当前 Vue 组件中生效?
在 Vue 中,为了实现 CSS 样式的组件作用域(Scoped Styling),防止样式污染全局或其他组件,有以下几种常用方法: 1. 使用 scoped 属性(最常用) 在 <style> 标签上添加 scoped 属性,...
面试题:Vue 中 computed 和 watch 的区别是什么?
在 Vue 中,computed 和 watch 都是用于响应数据变化的特性,但它们在用途和工作方式上有明显的区别。 🎯 核心区别总结 特性computedwatch用途计算衍生数据监听数据变化执行副作用返回值必须返...
面试题:为什么 Vue 写组件时可以放在 .vue 文件里?可以使用其他文件后缀吗?
这是一个考察对 Vue 项目构建机制理解的面试题。核心在于 Vue 的构建工具如何解析和处理 .vue 文件。 一、为什么可以将组件写在 .vue 文件里? 因为 .vue 文件是一种 单文件组件(Single File C...
面试题:Vue 的 v-cloak 和 v-pre 指令有什么作用?
v-cloak 和 v-pre 是 Vue.js 中两个用于优化渲染过程和用户体验的编译阶段指令。它们的作用各不相同,但都与 Vue 的编译和渲染机制有关。 1. v-cloak 指令 作用 v-cloak 指令用于解决页面加载时...
面试题:在 Vue 事件中传入 $event,使用 e.target 和 e.currentTarget 有什么区别?
在 Vue 的事件处理中,e.target 和 e.currentTarget 都是原生 DOM 事件对象的属性,它们都指向 DOM 元素,但代表的含义完全不同。理解它们的区别对于正确处理事件委托和事件冒泡至关重要。 核心...
面试题:什么是 Vue Router 的 router-link 组件?
<router-link> 是 Vue Router 提供的一个全局组件,用于在单页面应用(SPA)中实现声明式的、可访问的导航链接。它是构建应用导航结构的基础工具。 简单来说,<router-link> 就是 V...
面试题:Vue 的 v-show 和 v-if 有什么区别?使用场景分别是什么?
v-show 和 v-if 都是 Vue.js 中用于条件渲染的指令,但它们在实现原理、性能特性和使用场景上有显著区别。 核心区别对比 特性v-ifv-show实现原理条件性地渲染/销毁 DOM 元素。通过 CSS 控制 dis...
面试题:Vue 中是如何使用 event 对象的?
在 Vue 中使用 event 对象(即原生 DOM 事件对象)有多种方式,可以根据不同的场景灵活处理。以下是详细的使用方法和注意事项: 一、在事件处理函数中自动接收 event 对象 当使用 v-on 绑定事件...
面试题:为什么 Vue 中给对象添加新属性后界面不刷新?
在 Vue 2 中,当你直接给一个响应式对象添加一个全新的属性时,界面不会自动更新,这是因为 Vue 2 的响应式系统存在“属性添加/删除检测”缺陷。 这个问题在 Vue 3 中已经被彻底解决。 原因分析...
