vant在vue中的使用攻略-爱代码爱编程
安装通过npm
npm i vant -S
引入
为了方便管理可以在src下创建一个utils文件夹,文件夹下创建一个vant.js将需要的写在该页面中
全局注册
因为全局中很多地方都需要用到vant的一些组件所有我们可以直接在main.js中执行注册一下
配置babel.config.js文件
module.exports = {
presets: [
'@vue/cli-plugin-babel/preset'
],
plugins: [
['import', {
libraryName: 'vant',
libraryDirectory: 'es',
style: true
}, 'vant']
]
}