vue3引入vant总结

Vue3局部引入vant 亲测有效

1. npm i vant@next -S
2. npm i babel-plugin-import -D
3. babel.config.js中配置
   {
   "plugins": [
   ["import", {
   "libraryName": "vant",
   "libraryDirectory": "es",
   "style": true
   }]
   ]
   }
4. 在main.js入口中导入
   import {Button, Icon} from 'vant'
   app.use(Button)
   .use(Icon)
5. 页面直接使用即可（亲测有效）

Vue3全局引入vant 亲测有效

1. npm i vant@next -S
   2.在main.js中直接引入

   import Vant from 'vant';
   import 'vant/lib/index.css';

   Vue.use(Vant);
   3.页面直接使用
   <van-button type="info">信息按钮</van-button>
   （亲测有效）