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)

 

上一篇:vue中使用vant-UI实现移动端自定义省市区三级联动


下一篇:mpvue + Vant weapp + 微信云服务 打造小程序应用