在开发 Vue 项目中我们一般使用第三方 UI 组件库进行开发，但是这些组件库提供的组件并不一定满足我们的需求，这时我们可以通过对组件库的组件进行二次封装。

Vue3.2 setup语法糖 [ 单文件组件的语法糖<script setup> ],让写Vue3更畅快。

自定义Hooks让写Vue3更畅快！ 为什么Vue3要用自定义Hook？Composition Api究竟好在哪？

首先，我们会有个疑问，为什么需要 toRef 和 toRefs？ toRef 和 toRefs 是 Vue3 中的响应式转换工具函数，它们的存在主要有以下两点原因：

组件通信是指组件之间的数据交流和事件传递。在 Vue 3 中提供了多种方式来实现组件通信。包括：props，$emit，......

在 Vue2 和 Vue3 中，侦听器 watch 的用法有些许不同，对于刚从 Vue2 转为 Vue3 的小伙伴来说，可能还不太适应。

当你使用`ref`时到处使用`.value`是很麻烦的，但当你用`reactive`创建的响应式对象进行重构时，也很容易丢失响应性。 在这篇文章中我将阐释你如何来选择`reactive`以及`ref`