Maison > interface Web > Voir.js > Comment installer vant dans vue3 pour implémenter l'importation à la demande et l'importation globale

Comment installer vant dans vue3 pour implémenter l'importation à la demande et l'importation globale

王林
Libérer: 2023-05-19 18:40:06
avant
2545 Les gens l'ont consulté

Installation

Lorsque vous utilisez Vant dans un projet existant, vous pouvez l'installer via npm :

Projet Vue 3, installez la dernière version de Vant

npm i vant
Copier après la connexion

Projet Vue 2, installez Vant 2

npm i vant@latest-v2
Copier après la connexion

Bien sûr, vous pouvez également utilisez du fil ou installez via pnpm :

Installez via fil

yarn add vant
Copier après la connexion

Installez via pnpm

pnpm add vant
Copier après la connexion

Introduisez

Introduisez globalement

import Vant from 'vant';
import 'vant/lib/index.css';
createApp.use(Vant);
Copier après la connexion

Introduisez à la demande

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

createApp(App).use(Button);
Copier après la connexion

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal