首頁(yè) 行業(yè) 活動(dòng) 項(xiàng)目 快訊 文娛 時(shí)尚 娛樂(lè) 科技 汽車 綜合 生活

vue3安裝vant 按需引入和全局引入|視點(diǎn)

2023-04-05 15:24:15 來(lái)源:騰訊云


(資料圖片)

安裝

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

Vue 3 項(xiàng)目,安裝最新版 Vant

npm i vant

Vue 2 項(xiàng)目,安裝 Vant 2

npm i vant@latest-v2

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

通過(guò) yarn 安裝

yarn add vant

通過(guò) 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ū)檢察院助力知識(shí)產(chǎn)權(quán)公益訴訟探索跑出“加速度”_世界熱文

責(zé)任編輯:

最近更新

點(diǎn)擊排行
推薦閱讀