vue 类组件,vue3.0组件库

VUE中常用组件库

1.vant
2.Ant Design Vue
3.Element UI

（1）.vant的使用
1.安装 vant

npm i vant -S

2.babel-plugin-import（这个插件安装后才可以实现按需加载的）

npm i babel-plugin-import -D

3.在babel.config.js 中配置 添加

plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ]

4.引入（加入要使用Button的UI库
在main.js中添加

import Vue from 'vue';import { Button } from 'vant';

5.在使用dom标签前加上van- 后面加上 type=“default” ，还可以附加状态等

<div class="home"> <van-button type="default">默认按钮</van-button> <van-button type="primary">主要按钮</van-button> <van-button type="info">信息按钮</van-button> <van-button type="warning">警告按钮</van-button> <van-button type="danger">危险按钮</van-button> </div>