vue项目中使用 vant 的方式

1.运行命令安装vant

npm i vant -S

安装之后检查 package.json

查看是否有vant的依赖

2..安装 babel-plugin-import 插件

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

运行命令：

npm i babel-plugin-import -D

 

3.在babel.config.js中配置plugins

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

例如：

4.按需要引入vant组件

一共要添加三处地方

1.在组件中引入要使用的vant的地方。

2.引入要使用的组件名称

3.组件中声明