Vue脚手架中使用vantul

1. 下载安装vant-ui

---

 

#

# Vue 2 项目，安装 Vant 2：
npm i vant -S

# Vue 3 项目，安装 Vant 3：
npm i vant@next -S

---

 自动按需引入组件 (推荐)

下载

npm i babel-plugin-import -D

// 对于使用 babel7 的用户，可以在 babel.config.js 中配置
module.exports = {
  plugins: [
    ['import', {
      libraryName: 'vant',
      libraryDirectory: 'es',
      style: true
    }, 'vant']
  ]
}

3在入口引入使用组件

import { Button } from 'vant';

Vue.use(Button);