首頁 行業(yè) 活動 項目 快訊 文娛 時尚 娛樂 科技 汽車 綜合 生活

vue3安裝vant 按需引入和全局引入|視點

2023-04-05 15:24:15 來源:騰訊云


(資料圖片)

安裝

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

Vue 3 項目,安裝最新版 Vant

npm i vant

Vue 2 項目,安裝 Vant 2

npm i vant@latest-v2

當(dāng)然,你也可以通過 yarn 或 pnpm 進(jìn)行安裝:

通過 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)鍵詞:

上一篇:世界熱訊:atm機(jī)發(fā)生吞錢怎么辦_atm機(jī)吞錢怎么辦

下一篇:探索新模式,區(qū)檢察院助力知識產(chǎn)權(quán)公益訴訟探索跑出“加速度”_世界熱文

責(zé)任編輯:

最近更新

點擊排行
推薦閱讀