VUE中常用组件库

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>