关于一些组件化的思想 vue

vue

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

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

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

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

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

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

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

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

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

以上是 关于一些组件化的思想 vue 的全部内容, 来源链接: www.h5w3.com/js/375678.html

回到顶部