vue3安裝vant實現按需引入和全局引入
更新時間：2023年04月03日 09:42:25 作者：奶糖 肥晨
本文主要介紹了vue3安裝vant實現按需引入和全局引入，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧
安裝
在現有項目中使用 Vant 時，可以通過 npm 進行安裝：
Vue 3 項目，安裝最新版 Vant
npm i vant
Vue 2 項目，安裝 Vant 2
npm i vant@latest-v2
當然，你也可以通過 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);到此這篇關于vue3安裝vant實現按需引入和全局引入的文章就介紹到這了,更多相關vue3 ant按需引入和全局引入內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家！
相關文章
我們所熟知的Vue.js也在如何提取公共代碼復用方面也一直在探索優(yōu)化，本文小編就來和各位聊聊Vue.js代碼復用的前世今生，希望對大家學習Vue有一定的幫助2023-05-05
這篇文章主要介紹了vue父組件異步如何獲取數據傳給子組件問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2023-11-11
這篇文章主要介紹了詳解vuex之store源碼簡單解析，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-06-06
Vue的生命周期就是vue實例從創(chuàng)建到銷毀的全過程,也就是new Vue()開始就是vue生命周期的開始。Vue實例有?個完整的?命周期,也就是從開始創(chuàng)建、初始化數據、編譯模版、掛載Dom->渲染、更新->渲染、卸載等?系列過程,稱這是Vue的?命周期2022-11-11
這篇文章主要介紹了Mint UI組件庫CheckList使用及踩坑總結，小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-12-12
Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境
這篇文章主要為大家介紹了Vue3中使用pnpm搭建monorepo開發(fā)環(huán)境示例詳解，有需要的朋友可以借鑒參考下，希望能夠有所幫助，祝大家多多進步，早日升職加薪2022-08-08
Ant Design Vue pro 動態(tài)路由的實現和打包方式
這篇文章主要介紹了Ant Design Vue pro 動態(tài)路由的實現和打包方式，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2023-06-06
這篇文章主要介紹了vue.js圖片轉Base64上傳圖片并預覽的實現方法,小編覺得挺不錯的，現在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2018-08-08
這篇文章主要為大家詳細介紹了vue2.0實現列表數據增加和刪除，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-06-06
這篇文章主要介紹了vue3+ts使用bus事件總線,文中給大家提到了vue總線機制(bus)的相關知識，本文給大家介紹的非常詳細，對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下2022-08-08