vue3 常见引用

通过 npm 安装 Vant

首先，确保你的项目中已经安装了 Vue 和 Node.js。然后，通过 npm 安装 Vant：

npm install vant -S

import Vant from 'vant'是Vant组件库的全局导入方式，主要用于Vue项目中一次性引入所有组件

方法一：全局引入

你可以在项目的入口文件（如 main.js 或 main.ts）中全局引入 Vant，这样你就可以在你的 Vue 组件中直接使用 Vant 的所有组件而无需再次导入。

import { createApp } from 'vue'

import App from './App.vue'

import Vant from 'vant'

import 'vant/lib/index.css'

createApp(App).use(Vant).mount('#app')

方法二：按需引入

如果你只想使用 Vant 中的部分组件，可以按需引入，以减小打包后的体积。这通常通过 babel-plugin-import 插件来实现。

首先，安装 babel-plugin-import：

npm install babel-plugin-import -D

从 Vant 组件库中引入了 ‌Button 组件‌，这是通过 import { Button } from 'vant'; 这行代码实现的。