为什么vue:deep、/deep/、>>>样式能穿透到子组件 在scoped标记的style中，只要涉及三方组件，那deep符号会经常被使用，用来修改外部组件的样式。 不使用deep 要想修改三方组

本文主要介绍了 Vue 3 中的组合式 API 及 Hooks 相关内容，关于自定义hooks的一些原则，常用hooks库vueuse和vue-hooks-plus。

不知道喜欢 vue3 的小伙伴和我是不是一样，刚上手vue3 的时候 对自定义hooks 一脸懵逼，在一些视频网站学习的时候老师讲解到自定义hooks 最喜欢用 加减乘除来描述看了跟没看一样

因为Vue是异步驱动视图更新数据的，即当我们在事件中修改数据时，视图并不会即时的更新，而是等在同一事件循环的所有数据变化完成后，再进行视图更新。类似于Event Loop事件循环机制。 在下次DOM更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法，获取更新后DOM。…

useAsyncState 是 vueuse 中 的一个用于管理异步状态的自定义钩子函数。它可以很好的帮你管理异步状态。

createGlobalState 当开发Vue.js应用程序时，通常需要在多个组件之间共享状态或数据，此时大多数同学会选择Vuex或者Pinia，但是在小型项目开发中，我们并不需要用到所有的第三方插

前言 无论是 vue 还是 react，当遇到多处重复代码的时候，我们都会想着如何复用这些代码，而不是一个文件里充斥着一堆冗余代码。 实际上，vue 和 react 都可以通过抽组件的方式来达到复用，

在日常开发时，弹窗是一个经常使用的功能，而且重复性极高，你可能会遇到下面这些问题: 1、一个页面内多个弹窗, 要维护多套状态,看的眼花缭乱 2、弹窗内容比较简单，不想单独维护一套变量 关于这个问题,

通过对Pinia基本功能的使用介绍，以及和Vuex进行对比，让我们能够清晰的认识Pinia，从而在后续的业务场景下帮助我们解决问题。这个🍍不酸，亲测保甜！