Vue3 如何让代码变得清新优雅,代码洁癖患者进!(1)
继续上上上上...上一篇 列表的批量操作组件封装 + 权限 ,如何更优雅的实现呢?Vue3,继续谈一下,如何优雅封装页面上的组件。
页面上的组件有很多种,最让人头疼的是弹窗表单组件,最讨厌写表单,可是无法避免。
🎶 在小小的键盘上呀,敲呀敲呀敲,敲完了列表 敲操作 敲完了操作 敲搜索 敲完了搜索 敲弹窗 敲完了弹窗 敲表单,这小小的代码一点一点加,这层层的逻辑一点一点挖。
页面代码结构
列表页面结构:
-
搜索框
-
批量操作按钮
-
列表
-
分页
-
弹窗
除了列表以外,其他都可以单独做个组件,这样让页面更加整洁,逻辑更加清晰,维护起来方便。
后续随笔,基于 element-plus + vue3 + pinia + 若依组件
作者:胡倩倩0903
本文版权归作者和博客园共有,欢迎转载,但必须给出原文链接,并保留此段声明,否则保留追究法律责任的权利。
posted on 2023-05-08 16:23 kitty20180903suzhou 阅读(197) 评论(0) 编辑 收藏 举报