本文正在参加「金石计划 . 瓜分6万现金大奖」，欢迎大家来交流。 写在前面 供应商模式可以说非常实用，在组件设计拆分过程中，很多不同层级的组件需要全局的用户信息，或者某个局部业务数据，有时我们懒于设计

相信有很多这样的兄弟，学了 Vue3 的各种 API和新特性 ，但公司项目依然使用的是 Vue2 ，也不知道自己的水平能否上手 Vue3 项目。今天就把实战过程中遇到的十个场景分享给大家。

高阶组件这个概念在 React 中一度非常流行，但是在 Vue 的社区里讨论的不多，本篇文章就真正的带你来玩一个进阶的骚操作。 先和大家说好，本篇文章的核心是学会这样的思想，也就是 智能组件 和 木偶组件 的解耦合，没听过这个概念没关系，下面会详细说明。 这可以有很多方式，比如…

平时vue组件通信用的比较多的就是props / $emit和vuex，这里探究在provide / inject 和$attrs / $listeners的使用场景

众所周知，在组件式开发中，最大的痛点就在于组件之间的通信。在 Vue 中，Vue 提供了各种各样的组件通信方式，从基础的 props/$emit 到用于兄弟组件通信的 EventBus，再到用于全局数据管理的 Vuex。 在这么多的组件通信方式中，provide/inject …

近期在做一个活动，涉及到的弹窗比较多，想着把这些弹窗都作为异步组件来加载，能尽可能地提高首屏加载速度。 既然用了异步组件，就要考虑异常情况（网络的不确定性，不信你进个电梯试试。上图利用DevTools的请求拦截功能模拟网络异常的情况），而查阅Vue文档并没有发现异步组件重新加载…

前端作为软件工程长期发展出来的一个独立分支，一直没有属于自己的特定的代码设计模式，最近我们在实践中对一些发源于面向对象的代码设计做了一些总结，总结了三种模式，遂有此文予以分享。 组件模式 组件模式是我

学习成为一个更好的Vue开发者并不总是关于那些需要花时间和精力才能掌握的大概念。掌握一些技巧和窍门，可以让我们的编程生活变得更容易--没有大量重复的工作。 在用 Vue 开发的这几年里，我学到了很多有