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

王林
Lepaskan: 2023-05-19 18:40:06
ke hadapan
2520 orang telah melayarinya

Pemasangan

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

Projek Vue 3, pasang versi terkini Vant

npm i vant
Salin selepas log masuk

Vue 2 projek, Pasang Vant 2

npm i vant@latest-v2
Salin selepas log masuk

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

Pasang melalui benang

yarn add vant
Salin selepas log masuk

Pasang melalui pnpm

pnpm add vant
Salin selepas log masuk

Pengenalan

Perkenalkan secara global

import Vant from 'vant';
import 'vant/lib/index.css';
createApp.use(Vant);
Salin selepas log masuk

Perkenalkan atas permintaan

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

createApp(App).use(Button);
Salin selepas log masuk

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!

Label berkaitan:
sumber:yisu.com
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan