vue3 通过hooks优雅封装列表组件，项目中使用了大量的vant ui中的上拉加载和下拉刷新，拆分hooks便于后续开发

表格是日常开发中最常用的组件之一，传统的封装方式大都是通过JSON化数据传入组件当中去封装配置，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是使用hooks封装的一个数据表格增删改

这篇文章介绍了一个名为vue3-xmw-form的项目，提供了使用方法、Form属性、Form方法、Column配置、xType表单类型以及存在的问题等信息。其中包括了项目的预览地址和Github链接

表单Form是中后台频繁使用的组件，以下是一个基于arco design vue组件库封装的表单组件。 所有配置都是直接继承组件库组件的props，无需其他文档 可配置展开折叠 支持响应式布局 表单项

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

一. 先上效果 二. 技术栈 三. 设计思路 四. 生成页面 五. 补充部分代码截图 六. 结束语

在学习 Vue 时，我们都会写关于管理系统的项目，在管理项目中，我们必然会处理菜单模块，此文章重点介绍如何通过vue动态渲染menu组件。

自己对 vue3 非常感兴趣，才有了这些整理与探索。其实内容放到今天也完全不过时，甚至在掘金上也很少看到有人写这些偏原理的东西，全都在讨论API。

把表单需要的属性，统统放入json里面，然后用require（方便） 或者aioxs（可以热更新）加载进来，这样就可以实现动态渲染了。 比如要实现公司信息的添加、修改，那么只需要加载公司信息需要的json即可。 想要实现员工信息的添加、修改，那么只需要加载员工信息需要的json…