vue 按需引入vant跟全局引入

一、按需引入

1.下载插件
第一步我们可以先打开vant的官网：vant

然后下载vant 用命令行下载 ：
根据所需去配置 ： 我配置的是vant2

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

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

下载好以后我们去vue里面的根目 package.json
里面去看一下下载好了吗

  "dependencies": {
   
    "axios": "^0.21.1",
    "core-js": "^2.6.5",
    "fastclick": "^1.0.6",
    "vant": "^2.12.20",
    "vue": "^2.6.10",
    "vue-router": "^3.0.3",
    "vuex": "^3.0.1"
  },

2.自动按需引入组件 (推荐)
babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。

安装插件
npm i babel-plugin-import -D

在根组件创建.babelrc