Vue3 如何让代码变得清新优雅，代码洁癖患者进！（1）

继续上上上上...上一篇 列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3，继续谈一下，如何优雅封装页面上的组件。

页面上的组件有很多种，最让人头疼的是弹窗表单组件，最讨厌写表单，可是无法避免。

🎶 在小小的键盘上呀，敲呀敲呀敲，敲完了列表 敲操作 敲完了操作 敲搜索 敲完了搜索 敲弹窗 敲完了弹窗 敲表单，这小小的代码一点一点加，这层层的逻辑一点一点挖。

页面代码结构

列表页面结构：

1. 搜索框

2. 批量操作按钮

3. 列表

4. 分页

5. 弹窗

除了列表以外，其他都可以单独做个组件，这样让页面更加整洁，逻辑更加清晰，维护起来方便。

后续随笔，基于 element-plus + vue3 + pinia + 若依组件