一、Vant示例引入vant示例

1、安装

 2、安装

 3、更改全局样式和使用

代码如下：

import 'vant/lib/index.css'; 
import {Button} from 'vant';
Vue.use(Button) //在需要的页面中就可以直接使用，页面当中也无需再次引入

如图所示

 home.vue文件

<template>
    <div>
      <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>
</template>
 
<script>


</script>
 
<style scoped>
 
</style>

如图所示

 效果如下：