vue中vant组件按需引入

时间：2019-11-17 19:17:13 收藏：0 阅读：2869

用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)

原文：https://www.cnblogs.com/lipu12281/p/11877283.html