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