vant-ui 按需引入

前言
我们使用ui组件库的时候，分为全局导入和按需导入，全局导入使用起来更方便，但是在实际开发中，为了提升性能，都会需要我们使用按需导入。

1. 安装

• 通过 npm 安装

npm install vant -S

• 通过 yarn 安装

yarn add vant -s

2. 导入

第一步：安装插件

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式

npm install babel-plugin-import -D

第二步：在.babelrc 中添加配置

"plugins": [
    ["import", {
      "libraryName": "vant",
      "libraryDirectory": "es",
      "style": true
    }]
  ]

第三步：在代码中直接引入 Vant 组件

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

最后一步：重启项目！

npm run serve

不然就会没有样式效果