移动端Vant-ui引入 方式

先下载vant 插件

npm i vant -S

全局的引入

在 main.js 中引入

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

Vue.use(Vant);

按需引入

一定要安装按需加载的配置~~
安装babel-plugin-import

npm i babel-plugin-import -D

在.babelrc中配置plugins（插件）

"plugins": [
    "transform-vue-jsx", 
    "transform-runtime",
    ["import",{"libraryName":"vant","style":true}]
  ]

在main.js中添加你要引入的

import { Button } from 'vant'
Vue.use(Button)

如果你先是安装的按需引入 想在全局引入的话，一定要卸载babel-plugin-import