avue实现简单crud

avue的使用

最近做的项目中接触到了一个新的框架感觉很好用所以推荐给大家~~

【简介】
Avue.js是基于现有的element-ui库进行的二次封装,简化一些繁琐的操作,核心理念为数据驱动视图,主要的组件库针对table表格和form表单场景,同时衍生出更多企业常用的组件,达到高复用,容易维护和扩展的框架,同时内置了丰富了数据展示组件,让开发变得更加容易。
官网地址:https://avuejs.com/
github地址:https://github.com/nmxiaowei/avue

这个简直太好用了,一套crud只需要一行代码就解决啦
1、【npm安装】

npm i @smallwei/avue -S

在min.js页面引入下方代码

import Avue from '@smallwei/avue';
import '@smallwei/avue/lib/index.css';
Vue.use(Avue);

这里提醒大家一下不要忘记安装 element-ui【官网地址】
【cdn方式】

//在index.html引入avuex的包
avue.min.js为压缩混淆包
avue.js为没有压缩混淆的包



//在main.js中使用
Vue.use(window.AVUE);

下面是一个简单地crud
avue实现简单crud_第1张图片





之前还写过一个用element实现crud,但是真的没有avue简单,强烈推荐~
如果大家有啥问题欢迎打扰, 一起学习进步鸭~~

你可能感兴趣的:(前端开发,avue,element-ui,vue)