当你遇到Vue组件死活不更新视图，明明数据已经修改，页面却纹丝不动时，是否怀念Vue 2里的this.$forceUpdate()？别急，Vue 3提供了更符合响应式理念的解决方案！

在 Vue 开发中，你是否遇到过这样的困境：精心设计的模态框 (Modal) 或全局通知组件，被深埋在复杂的 DOM 结构里，导致 z-index 层级战争、定位异常或样式污染？

在前端开发中，组件化是Vue的核心能力，但很多开发者仅停留在基础使用层面。本文将分享7个企业级组件设计技巧，帮助你创建高复用、易维护的Vue组件，提升团队协作效率。

经过了社区贡献者们的三个多月的努力，Varlet 的 3.0 版本终于发布了！ 这次的版本升级主要围绕的是设计系统升级和组件视觉和交互优化。我们重构了几千个 css 变量，最终的最终，终于同时支持了 Material Design 2 和 Material Design 3 两种设计系统

Wijmo FlexMap 是一个功能丰富的库，它使 Web 开发人员能够毫不费力地创建令人惊叹的交互式地图。在本博客中，我们将深入探讨 Wijmo FlexMap 的功能，特别是 ScatterMapLayer 组件的功能。

假设你现在需要实现一个掷硬币的功能，当组件渲染时模拟一次掷硬币！一半的时间组件应该渲染 “正面”，一半的时间应该渲染 “反面”。你对你的产品经理说 “这需要多年的研究！” 然后你继续工作。

Vue 正在不断发展，目前在版本 3 中有多种定义组件的方法。从选项到组合再到类 API，情况大不相同，如果您刚刚开始，可能会感到困惑。让我们定义一个简单的组件并使用所有可用的方法重构它。

只要注册了组件元信息与组件树，可视化搭建的画布就可以渲染出来了，这很好理解。组件树里有各组件的实例，那么最好的设计是，组件树与组件实例结构是同构的

回顾以前对组件的定义：组件就是把图形、非图形的各种逻辑均抽象为一个统一的概念（组件）来实现开发的模式，在Vue中每一个.vue文件都可以视为一个组件

每个 React 组件作为 JavaScript 本身都支持允许将一些可重用的代码片段插入到更大的代码片段中的功能。因此，它是一种应用程序的构建块。以这种方式，React 组件将 UI 划分为可重用的部分并返回 HTML。所以它们是 UI 的一种子功能

要说今年最热门的前端技术，Vue3 和 TS 绝对榜上有名了。据了解，已经有很多公司在使用 Vue3 + TS + Vite 开发新项目了。那么我们也不能落后，今天就给大家分享一下如何在 Vue3 组件中结合 Composition-Api 使用 TS 类型。

我们来看下 Vue3 中的 $attrs 属性。首先，我们会介绍它的用途以及它的实现与 Vue2 有哪些不两同点，并通过事例来加深对它的理解。

有时候想写一个无关框架组件，又不想用原生或者 Jquery 那套去写，而且还要避免样式冲突，用 Web Components 去做刚觉就挺合适的。但是现在 Web Components 使用起来还是不够灵活，很多地方还是不太方便的

v-model和.sync本质都是语法糖，设计出来就是为了方便使用减少代码量。不过更利于使用的封装究竟是方便新手的上手还是加重了学习负担，可能各执己见吧

在这篇文章中，我们将学到很多关于 Suspense 的知识--它是什么，能干什么，以及如何使用它。在开始介绍Vue的Suspense组件之前，我们有必要先了解一下React的Suspense组件