1.通过 npm 安装
npm i vant -S
2.安装插件
npm i babel-plugin-import -D
3.babel.config.js 中配置
module.exports = {
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
};
4.在main.js里引入
import {Button} from 'vant';
import 'vant/lib/button/style'
Vue.use(Button);
5.在组件中使用
<van-button type="info">信息按钮</van-button>
<van-button type="warning">警告按钮</van-button>
<van-button type="danger">危险按钮</van-button>