vue中vant组件引入方式
vue中vant组件引入方式vant官网链接通过npm安装npm i vant按需引入组件 babel-plugin-importnpm i babel-plugin-import并且在babel.config.js文件中配置plugins代码如下:plugins: [['import', {libraryName: 'vant',...
·
vue中vant组件引入方式
通过npm安装
npm i vant -S
按需引入组件 babel-plugin-import
npm i babel-plugin-import -D
并且在babel.config.js文件中配置plugins
代码如下:
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
在页面中引入以及HTML代码
import Vue from 'vue';
import { Button } from 'vant';
Vue.use(Button);
<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>
更多推荐
已为社区贡献3条内容
所有评论(0)