大家好，我是石小石！小册《油猴脚本实战指南》作者！ 在 Vue3 的开发中，我们经常需要根据组件的 props 或状态动态控制样式，如封装如下所示的Tag组件： 常见的方式无非两种：动态类名 和 动态

使用 vue3 实现一个通用函数式弹窗，支持懒加载（异步加载函数）、自定义插槽、props传参、事件绑定、provide inject 注入数据、暴露内部方法。

在工作中我们经常要封装一些工具函数来完成需求，但是其实很多这些工具函数，都能在一些第三方库里面能找到，我们没有必要花那么多时间去做这件事情。比如说VueUse

import.meta.glob 的各种实用场景和详细示例如下： 1. Vue 组件自动注册系统 2. 高级路由配置系统 3. 多语言国际化系统 4. 动态 API 接口管理 5. 自动加载 Vuex

前言 上次在看前端早早聊大会中， Vue 成员Anthony Fu分享了一个 VueUse 的一个库。 好奇了一下，点看看了看。好家伙啊， 我直接好家伙。这不就是曾经我也想自己写一个 vue 版的 h

有没有一种完美的方案，从服务端获取数据的逻辑放在子组件中，并且在获取数据的期间让子组件“暂停”一下，先不去渲染，等到数据请求完成后再第一次去渲染子组件呢？

这篇文章讲了vue3在编译阶段是如何找出动态节点，以及运行时阶段当响应式变量修改后，是如何靶向更新视图。

# 前言： 翻别人代码时，总结发现极大部分使用`vue3`的人只会用`ref`和`reactive，其实有更好性能的api可以用

全文14200多字，平均阅读20分钟，坚持看完你会有收获，还望支持，不对的地方望指正，提出建议。 前不久 Vue3的RC 版本终于发布，一直没时间研究，这篇文章我将以下面的结构，为大家整体梳理下Vue3，顺便对比下vue2.x和react hook结合着带大家看看，可能有些长，…