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

王林
王林avant
2023-05-19 18:40:062525parcourir

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

Projet Vue 2, installez Vant 2

npm i vant@latest-v2

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

Installez via fil

yarn add vant

Installez via pnpm

pnpm add vant

Introduisez

Introduisez globalement

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

Introduisez à la demande

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

createApp(App).use(Button);

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer