vue 中 使用 Vant UI

安装 vant ui

npm install vant -S

导入所有组件： 在main.js 页面引入

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

复制代码即可引用

按需引用： 安装插件

npm i babel-plugin-import -D

在.babelrc 中添加配置

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

在页面中直接引入组件即可

<template>
  <van-button type="primary">Primary</van-button>
</template>
<script>
  import {Button} from 'vant' 
  export default {
    components: {
      [Button.name]: Button
    }
  }
</script>