【vue+vant项目】

1.在命令行工具中创建vue项目：

vue create 项目名称  //例如 vue create vue_vant

 2.选择vue2默认配置项

    vue2 default

3.安装vant2 依赖包

npm i vant@latest-v2 -S

在main.js中导入vant所有组件 

import Vue from 'vue';
import Vant from 'vant';
import 'vant/lib/index.css';

Vue.use(Vant);

最后在app.vue 中的app容器中测试button组件

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

效果如下：