Heim  >  Artikel  >  Web-Frontend  >  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

王林
王林nach vorne
2023-05-19 18:40:062462Durchsuche

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

Vue 2-Projekt, installieren Sie Vant 2

npm i vant@latest-v2

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

Über Garn installieren

yarn add vant

Über pnpm installieren

pnpm add vant

Einführen

Global einführen

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

Bei Bedarf einführen

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

createApp(App).use(Button);

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!

Stellungnahme:
Dieser Artikel ist reproduziert unter:yisu.com. Bei Verstößen wenden Sie sich bitte an admin@php.cn löschen