Vue

背景 有时候我们希望一个复选框 (checkbox) 始终保持勾选状态，即使用户点击也不会被取消。 在真实业务中，当然可以通过 :disabled 属性直接禁用实现，但这并不是本文要讨论的重点。 举个

在某些业务场景下，我们需要监听 localStorage 的变更，并在当前页面的多个组件之间进行同步更新，同时还能支持多个浏览器标签页之间的数据同步。 举个例子：在 Hybrid App 页面中

vxe-table 是一个基于 Vue 的 PC 端表格组件，功能非常丰富，并且支持 Vue 2.6+ 和 Vue 3.x 最新版本。从它的 issues 可以看出，作者解决了很多问题，但目前看起来是

上一篇文章我们讲了 `h` 函数到底是什么，以及它的基本用法。这一篇将继续深入，介绍 `h` 函数在实际开发中的几种典型运用场景。

h 函数在 Vue 中是一个非常重要的概念，它对于我们理解 Vue 里的渲染机制很关键。当我们在编写 Vue 的 template 模板时，实际上并不是在写 HTML，而是在以一种更直观的方式编写对

表单是每一个前端开发者都无法回避的一个“小难题”。如果你是团队的组长，那么在日常的项目开发中，如何设计一个高效的表单配置，将直接决定我们的开发效率是否能达到事半功倍的效果。

在实际开发中，我们常常基于成熟的 UI 组件库（如 Element Plus）进行二次封装，以统一交互风格、增强复用性或加入业务逻辑。本文将通过具体示例，逐步演示如何封装一个带有插槽的输入框组件

在一些场景中，我们需要给页面元素添加加载效果，例如在数据请求时显示一个旋转的加载动画。Vue 提供了自定义指令的功能，让我们能够直接在 HTML 模板中应用加载效果，而不需要修改大量的组件代码。

假设有 A、B、C 三个组件，A 组件想要调用最内层 C 组件的方法。由于组件之间是逐层嵌套的，A 并不能直接访问 C，这就需要我们通过一些手段将 C 的方法“暴露”到 A。下面介绍三种常见的实现方式

在 Vue 的 Diff 机制中，Vue 2 和 Vue 3 存在显著的优化差异：Vue 2 采用 递归遍历 Virtual DOM 进行逐个比对，即使某些节点没有变化，仍然会重新比对所有子节点，导致

金三银四，2025 Vue 面试最全问题整理来了！一、Vue2 和 Vue3 的区别 1. 性能优化 更快的虚拟 DOM Vue 3 采用 基于 Block 的静态提升 和 编译优化，减少了不必要

Vue 3 在性能优化方面做出了许多改进，主要集中在以下两个核心点：更快的虚拟 DOM：优化了 Diff 算法，引入 Block 静态提升，提高渲染性能。使用 Tree Shaking 机制，按需引入

循环滚动是一个很常见的需求，在前端开发过程中几乎不可避免。先介绍下这个 NPM 包的功能：超大数据流畅滚动；适应变化，始终顺滑；灵活滚动控制；在传统的循环滚动实现中，我们通常会遇到以下几个问题：

Vue 作为一款流行的前端框架，提供了多种方式来定义组件，包括单文件组件 (SFC)、渲染函数 (Render Functions)、JSX/TSX 以及函数式组件 (Functional Compo