安装: cnpm i vant -S
安装babel-plugin-import插件使其按需加载: cnpm i babel-plugin-import -D
在 .babelrc文件中中添加插件配置 :
libraryDirectory {
"plugins": [
// 这里是原来的代码部分
// …………
// 这里是要我们配置的代码
["import",
{
"libraryName": "vant",
"libraryDirectory": "es",
"style": true
}
]
]
}
在main.js中按需加载你需要的插件:
// 按需引入vant组件
import {
DatetimePicker,
Button,
List
} from 'vant';
使用组件:
// 使用vant组件
Vue.use(DatetimePicker)
.use(Button)
.use(List);
最后在在页面中使用:
<van-button type="primary">按钮</van-button>