面试题集

在 Vue 中，key 是一个小细节，却经常决定组件或列表更新的性能和正确性。 我们常在代码中看到这样的写法 👇 那么问题来了： key 到底是什么？ 为什么加了它渲染逻辑就不一样？ Vue2 和 V

在 Vue 的世界里，“响应式”是它最核心的特性之一。而 Vue.observable() 作为一个轻量化的响应式状态工具，正好体现了 Vue 响应系统的精髓。 本文将带你从使用方式到源码原理，全面理

一、什么是 slot slot 最早来自 Web Components（原生自定义元素）规范，是组件内部的占位符，用于在组件外部填充内容。原生 HTML 的一个例子： template 本身不会直接渲

一、Mixin 的概念 Mixin（混入）来源于面向对象编程（OOP）中的概念，它是一类提供方法实现的类，其他类可以访问 Mixin 中的方法而不必继承它。 在 Vue 中，Mixin 提供了一种灵活

一、组件间通信的概念 在 Vue 中，组件（Component） 是最核心的概念之一。每个 .vue 文件都可以视为一个独立的组件。 而 通信（Communication） 是指一个组件如何将信息传递

在 Vue 的开发体系中，“组件 (Component)” 与 “插件 (Plugin)” 是两个经常被提及的概念。它们都能提升开发效率与系统可维护性，但用途与设计目标截然不同。本文将通过定义、作用、

在 Vue2 开发中，经常会遇到这样一个问题：对象新增属性后，数据虽然更新了，但页面并没有随之更新。本文将通过一个例子来说明原因，并给出解决方案。 一、问题示例 我们先来看一个简单的例子： Vue 实

在 Vue 面试或日常开发中，经常会被问到这样一个问题：为什么组件中的 data 必须是一个函数，而根实例的 data 可以是对象或函数？ 本文将从 实例与组件的区别、数据污染问题、源码实现原理，以及

一、什么是首屏加载 首屏时间（First Contentful Paint，FCP） ：浏览器从输入网址到 首屏内容渲染完成 的时间。 不需要整个网页都渲染完，但首屏区域必须显示内容。 重要性：是衡量

> **提示：本文由 AI 生成，用于学习和参考 Vue 指令的使用方法。** 在 Vue 开发中

生命周期（Life Cycle）是指一个对象或实例从创建、运行到销毁的全过程。在 Vue 中，生命周期就是组件实例从创建、初始化数据、挂载 DOM、渲染更新直至销毁卸载的整个过程。理解生命周期有助于我

一、思考 我们都听过知其然知其所以然这句话 那么不知道大家是否思考过new Vue()这个过程中究竟做了些什么？ 过程中是如何完成数据的绑定，又是如何将数据渲染到视图的等等 一、分析 首先找到vue的

一、什么是 SPA 1. 概念 SPA（Single-Page Application，单页应用）是一种前端应用模式。它的特点是： 页面始终只加载一次，不会像传统网页那样频繁跳转。 局部更新内容，通过

一、概念 在 Vue 中，v-show 与 v-if 都能控制元素在页面上的显示与隐藏。 它们在语法层面几乎一致： 当表达式为 true 时，元素可见；为 false 时，元素不可见。 表面上效果相同

一、什么是双向绑定？ 在前端开发中，我们经常会遇到 数据（Model） 和 视图（View） 的同步问题。 单向绑定：数据从 Model → View 👉 当我们更新 Model 时，页面会自动更新。

Web，即 World Wide Web，中文译作“万维网”。从静态网页到现代前端框架，Web的发展经历了几个明显阶段。理解这些阶段，有助于更好地理解 Vue 的出现背景和价值。 一、Web的历史演变