vue中vant组件按需引入

用npm的方式引入vant

npm install vant --save

在src的main.js页面引入vant，此方法为全局引入

import Vant from 'vant'
import 'vant/lib/index.css'
Vue.use(Vant)

按需引入方法

安装babel-plugin-import，它可以让我们按需引入组件模块

并在.babelrc中配置plugins

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

按需使用vant组件

import {Row, Col} from 'vant' 
Vue.use(Row).use.(Col)