Vueのインストール方法の紹介

Vueのインストール方法の紹介

vue 、新しいプラグインを開発したり、コンポーネントをグローバルに登録したりするためのinstallを提供します。

installメソッドの最初のパラメータはvueコンストラクタであり、2番目のパラメータはオプションのオプションオブジェクトです。

エクスポートデフォルト{

	インストール(Vue,オプション){

		コンポーネントディレクティブミックスインマウントvueプロトタイプ}

}

1. グローバルに登録されたコンポーネント

'@/components/PageTools/pageTools.vue' から PageTools をインポートします。

'./update/index.vue' から更新をインポートします。

'./ImageUpload/ImageUpload.vue' から ImageUpload をインポートします。

'./ScreenFull' から ScreenFull をインポートします

'./ThemePicker' から ThemePicker をインポートします

'./TagsView' から TagsView をインポートします。

エクスポートデフォルト{

  インストール(Vue) {

    Vue.component('ページツール', ページツール)

    Vue.component('更新', 更新)

    Vue.component('画像のアップロード', 画像のアップロード)

    Vue.component('ScreenFull', スクリーンフル)

    Vue.component('ThemePicker', テーマピッカー)

    Vue.component('TagsView', TagsView)

  }

}

main.jsでは、直接参照とVue.useを使用して登録します。

'@/components' からコンポーネントをインポートします

Vue.use(コンポーネント)

2. グローバルカスタム指示

エクスポートデフォルト{

	インストール(Vue){

		Vue.directive('pre',{

			挿入(ボタン、バインド){

				button.addEventListener('click',()=>{

					if(!button.disabled){

						ボタンを無効にします。

						タイムアウトを設定します(()=>{

							ボタンが無効 = false

						},1000)

					}

				})

			}

		})

	}

}

main.jsでは、コンポーネントを登録するのと同じように

'@/aiqi' から pre をインポートします

Vue.use(事前)

これで、vue のインストール方法に関するこの記事は終了です。vue のインストール方法に関するより関連性の高いコンテンツについては、123WORDPRESS.COM の以前の記事を検索するか、以下の関連記事を引き続き参照してください。今後とも 123WORDPRESS.COM をよろしくお願いいたします。

以下もご興味があるかもしれません:
  • Vueのプラグインの仕組みとインストールの詳細を深く理解する
  • vue npm install 指定されたバージョンをインストールする操作
  • vueカスタムコンポーネント(Vue.use()で使用)はインストールの使用法です
  • Vue の落とし穴 - プロジェクトに依存モジュールをインストールすると npm install がエラーを報告する

<<:  Linux Samba サーバーの超詳細なインストールと構成 (問題解決付き)

>>:  spanタグのスタイルに幅属性を設定する方法

推薦する

Linuxでスクリーンショットを撮って編集するための最高のツール

メインのオペレーティング システムを Windows から Ubuntu に切り替えたとき、最初に考...

HTML テーブルの境界線を設定する際のヒント

HTML を初めて使用する多くの人にとって、テーブル <table> は最もよく使用され...

docker-maven-pluginはイメージをパッケージ化し、プライベートウェアハウスにアップロードします。

目次1. docker-maven-pluginの紹介2. 環境とソフトウェアの準備3. デモ例3....

MySQLでデータベースデータ保存ディレクトリを変更する方法

序文MySQL データベースのデフォルトのデータベース ファイルは /var/lib/mysql に...

MySQL 8.0.20 のインストールと設定方法のグラフィックチュートリアル

MySQLのダウンロードとインストール(バージョン8.0.20)のチュートリアルは参考までに、具体的...

Windows での MySQL 8.0.13 解凍バージョンのインストール グラフィック チュートリアル

この記事では、参考までにMySQL 8.0.13のインストールグラフィックチュートリアルを紹介します...

MySQLトリガーについて深く理解するための記事

目次1. SC テーブルを挿入または変更するときに、テスト スコアが 0 ~ 100 の範囲外の場合...

MySQLトランザクションとMySQLログの詳細な説明

取引特性1. アトミック性: トランザクションの開始後、すべての操作が完了するか、まったく実行されな...

Vueはシンプルなショッピングカートの例を実装します

この記事では、参考までに、Vue の具体的なコードを共有して、簡単なショッピングカートを実装します。...

Rabbitmq heartbea ハートビート検出メカニズムの原理の分析

序文RabbitMQ を使用する場合、一定期間クライアントと RabbitMQ サーバーの間でトラフ...

MySQL データ圧縮パフォーマンス比較の詳細

目次1. テスト環境1.1 ハードウェアとソフトウェア1.2 テーブル構造2. テストの目的2.1 ...

C++ TpeScriptシリーズのジェネリックについて

目次1. テンプレート2. ジェネリック3. ジェネリック再帰4. デフォルトのジェネリックパラメー...

VMware esxi6.5 のインストールと使用の詳細な手順

目次導入建築ESXIの利点vSphere とは何ですか? 2. 仮想マシンの利点3. 仮想マシンを使...

DockerHubを自分で構築する方法

先ほど使用したDocker HubはDockerによって提供されています。独自のDockerを構築す...

Mysql データベースの日付と日時型でデフォルト値 0000-00-00 を設定するときに発生するエラー問題の詳細な説明

現象: MySQL バージョン 5.7 以降では、日付型と日付時刻型のデフォルト値が「0000-00...