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>
效果如下: