Heim > Web-Frontend > View.js > So installieren Sie vant in vue3, um den On-Demand-Import und den globalen Import zu implementieren

So installieren Sie vant in vue3, um den On-Demand-Import und den globalen Import zu implementieren

王林
Freigeben: 2023-05-19 18:40:06
nach vorne
2514 Leute haben es durchsucht

Installation

Wenn Sie Vant in einem vorhandenen Projekt verwenden, können Sie es über npm installieren:

Vue 3-Projekt, installieren Sie die neueste Version von Vant

npm i vant
Nach dem Login kopieren

Vue 2-Projekt, installieren Sie Vant 2

npm i vant@latest-v2
Nach dem Login kopieren

Natürlich können Sie das auch Verwenden Sie Garn oder installieren Sie es über pnpm:

Über Garn installieren

yarn add vant
Nach dem Login kopieren

Über pnpm installieren

pnpm add vant
Nach dem Login kopieren

Einführen

Global einführen

import Vant from 'vant';
import 'vant/lib/index.css';
createApp.use(Vant);
Nach dem Login kopieren

Bei Bedarf einführen

// 1. 引入你需要的组件
import { Button } from 'vant';
// 2. 引入组件样式
import 'vant/lib/index.css';

createApp(App).use(Button);
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonSo installieren Sie vant in vue3, um den On-Demand-Import und den globalen Import zu implementieren. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:yisu.com
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage