前言 随着DeepSeek的火爆，公司前段时间也接了一个有关AI的项目。其中有一个人机交付对话框页面。逻辑也挺简单，通过websocket建立长连接。后端调用AI接口给前端推消息。 需求 产品希望对话

useWatchFields 是 Vue 3 的自定义 Hook，用于监听 state 中指定字段的变化，简化 watch 使用，提升开发效率。

最近在做一个需求，需要在用户输入数字失焦后实时将数字转为大写中文，聚焦的时候将大写中文转为数字以便用户继续修改。这里我们可以封装一个通用指令来做转换，接下来就让我们一起来实现一个转换指令吧。

被VueUse提供的功能折服，就像标题所说：Vue中无处不use的VueUse。什么是VueUse? Vue是基于组合式API而封装的工具集，一部分功能是你非常想要的，另一部分功能是你都没想到会提供的

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

对于使用 react 的同学来说，hook 一定不陌生，但是如何封装 hook 以及在业务中怎么使用封装的 hook，很多同学并没有一个很好的实践，这篇文章就通过10个常用的 hook 让大家学会封装

前言 我以前很喜欢封装组件，什么东西不喜欢别人的，总喜欢自己搞搞，这让人很有成就感，虽然是重复造轮子，但是能从无聊的crud业务中暂时解脱出来，对我来说也算是一种休息，相信有很多人跟我一样有这个习惯。

本文将通过介绍什么是 Hook、如何在 Vue 使用 Hook，以及在实践场景中如何封装自己的 Vue Hook，带你走进 Hook 的世界，写出更优雅的代码。如果你觉得这篇文章写的不错，可以点赞支持

一、前言 大家好，今天来聊聊vue3中如何使自定义hook及如何对组件进行封装，下面我将基于elememnt-plus组件库，封装一个支持分页和过滤数据的表格组件，主要通过组合式api的方式，对tab