ホームページ  >  記事  >  ウェブフロントエンド  >  vue3 に vant をインストールしてオンデマンド インポートとグローバル インポートを実装する方法

vue3 に vant をインストールしてオンデマンド インポートとグローバル インポートを実装する方法

王林
王林転載
2023-05-19 18:40:062474ブラウズ

インストール

既存のプロジェクトで Vant を使用する場合は、npm を通じてインストールできます:

Vue 3 プロジェクト、最新バージョンの Vant

npm i vant

Vue 2 をインストールします。プロジェクト、Vant 2 のインストール

npm i vant@latest-v2

もちろん、yarn または pnpm を介してインストールすることもできます。

yarn を介してインストール

yarn add vant

pnpm を介してインストール

pnpm add vant

はじめに

グローバルな紹介

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

オンデマンドの紹介

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

createApp(App).use(Button);

以上がvue3 に vant をインストールしてオンデマンド インポートとグローバル インポートを実装する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事はyisu.comで複製されています。侵害がある場合は、admin@php.cn までご連絡ください。