完整引入方式
-
安装依赖包
yarn add vant -S
-
在main.js中引入依赖样式
import Vue from 'vue'; import Vant from 'vant'; import 'vant/lib/index.css' Vue.use(vant)
按需引入方式
-
安装依赖包
yarn add vant -S
-
按需引入依赖包
yarn add babel-plugin-import -D
-
在babel.config.js里配置
plugins: [ ['import', { libraryName: 'vant', libraryDirectory: 'es', style: true }, 'vant'] ]
-
再main.js里引入
import { Button, NavBar } from 'vant'; Vue.use(Button).use(NavBar)
-
在需要的地方直接引入 vant组件库。
由于vant官网经常崩溃
所以代替网址