在日常开发的过程中通常我们会遇到一个填写表单信息的弹窗，这个时候新手会无所畏惧的直接就将这个弹框写到页面中，稍微有点追求的会将这个弹框封装成一个组件，但是还是会觉得自己的组件封装的不够好，今天我就带大

在日常开发的过程中，使用Vue的组件进行业务拆分，代码解耦是一个很好的选择； 今天就来分享一下我在使用Vue3进行组件封装的一些技巧和心得，希望能够帮助到大家；

一、浅谈表单封装 作为前端人儿，一般都对表单再熟悉不过了。如果直接用 Form.Item去写每一个表单项，不仅代码臃肿，而且不利于复用。对于开发有一定设计规范（具有比较稳定的风格和预设行为）的软件系统

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

1. 通用组件（表单搜索+表格展示+分页器） 在项目当中我们总会遇到这样的页面：页面顶部是一个表单筛选项，下面是一个表格展示数据。表格下方是一个分页器，这样的页面在我们的后台管理系统中经常所遇到，有时

比如这种常见的卡片，在首页和详情页或者其他页面都需要展示，这个时候就要考虑封装成一个通用的组件，来提高代码的复用性和可维护性。 先理一下这个结构，首先内容区相同，不同的是底部的按钮，在不同的页面显示

屋里美团的姑娘喊我帮她写前端，忙到凌晨两点的我苦不堪言。为此我写了这篇文章《axios封装》希望他们在未来写出更好的前端代码。

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

什么是Hooks？它的优点在哪？为啥vue和react都认为它是未来？小春我想和大家简单聊一聊关于Hooks的来龙去脉。