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タグのスタイルに幅属性を設定する方法

推薦する

Windows 2019 アクティベーション チュートリアル (Office2019)

数日前、Server2019の正式版がリリースされたことを知り、面白半分でインストールしてみることに...

CocosCreatorの共通知識ポイントを整理する

目次1. シーンの読み込み2. ノードを見つける1. ノード検索2. その他のノード操作3. 再生ア...

TypeScriptジェネリックの使用

目次1. 使いやすい2. 関数内でジェネリックを使用する3. クラス内でジェネリックを使用する4. ...

Hadoop におけるネームノードとセカンダリネームノードの動作メカニズムの説明

1) プロセス 2) FSImageと編集NodeNode は HDFS の頭脳です。ファイルシステ...

React Fiberの仕組みの詳細な説明

目次React Fiberとは何ですか?なぜReact Fiberなのか? React Fiberは...

Vue 天気予報入門

この記事では、参考までに天気予報を実装するためのVueの具体的なコードを紹介します。具体的な内容は次...

WeChatアプレットのオーディオコンポーネントがiOSで再生できない問題の解決策

解決策:クリック イベントをオーディオ コンポーネントにバインドし、再生メソッドと一時停止メソッドを...

高度な CSS の 3 つの方法を使用して複数行の省略を実装するサンプル コード

序文これは古くからの要望ですが、オンラインで解決策を探している人はまだ多く、特に検索結果の上位にラン...

Linux 仮想メモリ設定のチュートリアルと実践

仮想メモリとは何ですか?まずはWikipediaからの紹介文をそのまま引用します。仮想メモリは、コン...

Dockerを使用してコンテナリソースを制限する方法

覗き見の問題サーバーでは、IIS サービスが複数のサイトを展開していると仮定すると、サイトの 1 つ...

初心者がHTMLタグを学ぶ(2)

関連記事:初心者が学ぶ HTML タグ (1)初心者は、いくつかの HTML タグを理解することで ...

JavaScriptはキュー構造プロセスを実現する

目次1. キューを理解する2. カプセル化キュー3. 太鼓をたたいて花を渡す場合1. キューを理解す...

docker compose を使用して FastDfs ファイル サーバーをインストールする詳細な例

ドッカーの作成 バージョン: '2' サービス: fastdfsトラッカー: ホスト...

読めばわかるVueの8つのヒント

1. v-forでは常に:keyを使用するデータを操作する必要があるときにプログラムを一定かつ予測可...

Dockerコンテナが外部ネットワークにpingできない問題を解決する

今日、docker で redis 環境を構築していたところ、yum がリソースを取得できず、インタ...