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

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

王林
リリース: 2023-05-19 18:40:06
転載
2507 人が閲覧しました

インストール

既存のプロジェクトで 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 までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート