vue2 简单使用vant (基于vue-cli)

1.vant 的安装

npm安装

在现有项目中使用vant时,可以通过npm或yarn进行安装。vue2和vue3安装方法基本相同

npm i vant -S # 安装最新版

npm i vant@latest-v2 -S # vue2项目，安装vant2 

通过脚手架的UI安装

如果你是通过vue官方提供的脚手架Vue Cli 创建项目的话

可以在如下位置安装

引入组件

引入方式分为三种分别是

• 自动按需引入
• 手动按需引入
• 引入全部

1.自动按需引入组件

官方推荐

需要安装一个插件：

babel-plugin-import 是一款 babel 插件，它会在编译过程中将 import 的写法自动转换为按需引入的方式。 可以通过npm 的方式安装：npm i babel-plugin-import -D 使用 babel7可以在 babel.config.js