Rumah >hujung hadapan web >View.js >Cara memasang vant dalam vue3 untuk melaksanakan import atas permintaan dan import global

Cara memasang vant dalam vue3 untuk melaksanakan import atas permintaan dan import global

王林
王林ke hadapan
2023-05-19 18:40:062522semak imbas

Pemasangan

Apabila menggunakan Vant dalam projek sedia ada, anda boleh memasangnya melalui npm:

Projek Vue 3, pasang versi terkini Vant

npm i vant

Vue 2 projek, Pasang Vant 2

npm i vant@latest-v2

Sudah tentu, anda juga boleh memasangnya melalui benang atau pnpm:

Pasang melalui benang

yarn add vant

Pasang melalui pnpm

pnpm add vant

Pengenalan

Perkenalkan secara global

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

Perkenalkan atas permintaan

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

createApp(App).use(Button);

Atas ialah kandungan terperinci Cara memasang vant dalam vue3 untuk melaksanakan import atas permintaan dan import global. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Artikel ini dikembalikan pada:yisu.com. Jika ada pelanggaran, sila hubungi admin@php.cn Padam