Vue-vant的使用

Vant 是赞前端团队维护的移动端组件库，提供了一整套 UI 基础组件和业务组件。可以快速搭建电商网站,一下是使用方法:

第一步:通过npm安装

npm i vant -S

第二步:安装babel插件

npm i babel-plugin-import -D

第三步:在babel.config.js文件中添加如下设置

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

第四步:导入我们所需要使用的组件

import { NavBar, Card, SubmitBar } from 'vant'
Vue.use(NavBar)
Vue.use(Card)
Vue.use(SubmitBar)

第五步:使用组件