关于一些组件化的思想 vue

最近新来一个公司接手两个项目,看了代码之后气的血已经吐出来了。项目技术是用vue写的。几乎每一个页面上有啥功能就是一把嗦从头写到尾,没有看见任何的import 组件。我就想不明白了为什么用了vue却不用组件化思想。这样的带吗及其难以维护,一个文件全是四五千行代码。之后我基于公司业务vue+elemet-ui封装了一套业务框架。目的只为达到页面配置化,无需写过多逻辑。

首先看一下我大致的样子,由于后台管理类项目其实都是通篇一律,可复用的组件70%之多,所以用组件化开发是再好不过了。

下面这个图是一般后台管理类别的样子  表格篇。

然后看一下代码我是如何来书写这个页面。

导入左边树形组件,和右边表格组件

然后页面我只需要写一副这样配置就可以了。这样渲染一副这样表格页面就迅速完成。我们只需要关系在页面去如何配置参数。

向这样的后台管理系统这样的页面几乎很多很多 我门每个页面只需要写配置就ok。逻辑封装全在组件内部

以下是我的码云仓库地址:https://gitee.com/axibade/backstage_management_mi

后期我还会一直更新这套模板,将所有后台常用功能进行封装,达到页面配置化。

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值