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” ，还可以附加状态等

  

    默认按钮
    主要按钮
    信息按钮
    警告按钮
    危险按钮