Vue3 如何让代码变得清新优雅，代码洁癖患者进！（1）
继续上上上上...上一篇 列表的批量操作组件封装 + 权限 ，如何更优雅的实现呢？Vue3，继续谈一下，如何优雅封装页面上的组件。\
页面上的组件有很多种，最让人头疼的是弹窗表单组件，最讨厌写表单，可是无法避免。
🎶 在小小的键盘上呀，敲呀敲呀敲，敲完了列表 敲操作 敲完了操作 敲搜索 敲完了搜索 敲弹窗 敲完了弹窗 敲表单，这小小的代码一点一点加，这层层的逻辑一点一点挖。
页面代码结构
列表页面结构：
-
搜索框（也许没有）
-
批量操作按钮（也许没有）
-
列表（包括数据操作按钮，也许没有）
-
分页（也许没有）
-
弹窗（也许没有）
除了列表以外，其他都可以单独做个组件，这样让页面更加整洁，逻辑更加清晰，维护起来方便。
后续随笔，基于 element-plus + vue3 + pinia
作者：胡倩倩0903
本文版权归作者和博客园共有，欢迎转载，但必须给出原文链接，并保留此段声明，否则保留追究法律责任的权利。