vue3安裝vant 按需引入和全局引入

【資料圖】

安裝

在現(xiàn)有項目中使用 Vant 時，可以通過 npm 進行安裝：

Vue 3 項目，安裝最新版 Vant

npm i vant

Vue 2 項目，安裝 Vant 2

npm i vant@latest-v2

當(dāng)然，你也可以通過 yarn 或 pnpm 進行安裝：

通過 yarn 安裝

yarn add vant

通過 pnpm 安裝

pnpm add vant

引入

全局引入

import Vant from "vant";import "vant/lib/index.css";createApp.use(Vant);

按需引入

// 1. 引入你需要的組件import { Button } from "vant";// 2. 引入組件樣式import "vant/lib/index.css";createApp(App).use(Button);

關(guān)鍵詞：