avue是什么(奥特曼视频)

作为应用最广泛的前端开发框架之一，Vue有很多组件库，但它们通常提供基础组件，应用于业务时往往需要大量的封装。基于element-ui/element-plus的Avue提供了数据驱动视图的二次封装，目标是简化开发工作。
简介Avue是Gitee上smallweigit开发的基于vue的开源前端开发框架，目前位于https://gitee.com/smallweigit/avue.提供基于Vue 2.x的v2.9.4版本和基于Vue 3.x的v3.0.4版本。AVue基于Vue，2.x版基于Vue 2的element-ui组件库，3.x版基于Vue 3的element-plus组件库。基于现有的组件库对Avue进行了重新封装，简化了一些繁琐的操作。核心思想是数据驱动视图。主要组件库是针对表格和表单场景的。同时衍生出更多企业常用的组件，实现了一个高复用、易维护、易扩展的框架。同时，内置了丰富的数据显示组件，使得开发更加容易。
Avue易用灵活，掌握了Vue element-ui/element-plus的开发者可以马上使用；丰富的组件，包括大量的常用组件库和插件库；Avue高效兼容，兼容当前主流浏览器，使用开箱即用的插件引入模式。当在现有项目中使用Avue时，它可以通过npm或yarn安装：
#安装NPM I @ smallwei/avue-syarnadd @ small Wei/Avue-s #从’ @ small Wei/Avue ‘导入Avue；导入“@ small Wei/avue/lib/index . CSS”；vue . use(Avue)；需要引入Axios才能使用字典：
从’ axios’ vue.use中导入axios(AVUE，{axios})使用Avue最简单的方法是直接将CDN链接引入html文件中(引入的是最新版本的Avue，当然也可以设置版本号)，然后通过全局变量Avue就可以访问所有组件3360。
在新项目中使用Avue时，建议使用vue官方提供的scaffold Vue Cli创建项目并安装Avue:
# Install Vue clin pm Install-g @ Vue/CLI #创建一个项目vue create hello-world#创建完成后，可以通过命令打开图形界面，如下图所示。在图形界面中，点击依赖关系-安装依赖关系，然后将@smallwei/avue添加到依赖关系中。当引入Avue时，可以传入一个全局配置对象。该对象当前支持：
尺寸：用于改变组件的默认尺寸。带有属性的组件的默认大小都很小。可选值小/迷你/中；MenuType:用于改变操作栏中菜单按钮的类型。具有属性的组件的默认大小是文本。可选按钮/图标/文本/菜单颜色配置，属性组件的默认白色。可选值暗；七牛七牛云配置阿里阿里云配置画布全局水印配置Avue提供了大量的二次封装组件，可以轻松应用到业务中，比如inputTree输入组件：
数组输入组件，可以动态输入多个元素：
Avue还提供了强大的组合组件，如Form form组件：
它提供了数据验证、数据字典、数据类型、数据过滤、防重复提交等高级功能：
本文总结了Avue基于Vue 2的element-ui组件库和基于Vue 3的element-plus组件库，并进行了二次封装，从而简化了一些繁琐的操作。核心思想是数据驱动视图，派生出企业中更常用的组件，具有高度可重用、易维护和可扩展的框架。它内置了丰富的数据显示组件，大大简化了开发工作。