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)