10年世界杯冠军_梅西2018年世界杯 - kefulq.com

一、Avue是啥？

Avue 是一个基于Element框架低代码前端框架，它使用 JSON 配置来生成页面，可以减少页面开发工作量，极大提升效率。

二、Avue安装

安装

通过npm安装

#安装

npm i @smallwei/avue -S

yarn add @smallwei/avue -S

# 引入

import Avue from '@smallwei/avue';

import '@smallwei/avue/lib/index.css';

Vue.use(Avue);

通过CDN安装

rel="stylesheet"

href="https://cdn.jsdelivr.net/npm/@smallwei/avue/lib/index.css"

/>

rel="stylesheet"

href="https://unpkg.com/element-ui/lib/theme-chalk/index.css"

/>

通过脚手架安装

# 安装 Vue Cli

npm install -g @vue/cli

# 创建一个项目

vue create hello-world

# 创建完成后，可以通过命令打开图形化界面，如下图所示

vue ui

在图形化界面中，点击 依赖 -> 安装依赖，然后将 @smallwei/avue 添加到依赖中即可。

三、Avue使用

运行截图

各种操作的案例

四、Avue优/缺点

优点：

1.仅需一个json自动生成增删改查页面

2.结合业务快速化开发，节约开发时间成本

缺点:

1.大量定制 UI

JSON 配置使得 Avue 更适合做有大量常见 UI 组件的页面，但对于面向普通客户（toC）的页面，往往追求个性化的视觉效果，这种情况下用 Avue 就不合适，实际上绝大部分前端 UI 组件库也都不适合，只能定制开发。

2.极为复杂或特殊的交互

有些复杂的前端功能，比如 可视化编辑器，其中有大量定制的拖拽操作，这种需要依赖原生 DOM 实现的功能无法使用 Avue。

五、总结

如果只是内部使用的管理系统 or OA系统，可以使用Avue进行开发，涉及到的自定义组件无需过多。如果是对外的大型管理系统，有特殊定制化的项目，可以结合Avue使用，毕竟它可以让开发者减少很多工作量。