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

推薦する

Dockerコンテナを停止または強制終了できない問題の解決策

Docker バージョン 1.13.1問題プロセス特定の環境のMySQLコンテナを停止、強制終了、ま...

Linuxの相対パスと絶対パスの使用

01. 概要絶対パスと相対パスはシェル環境でよく使用され、それぞれに独自の用途があります。相対パスの...

VMware vSphere6.0 サーバー仮想化の展開とインストールの図 (詳細な手順)

1. VMware vSphere 導入の早期計画のポイント1. vSphereの利点(わずかに)...

CSS flex 複数列レイアウト

基本的な3列レイアウト 。容器{ ディスプレイ: フレックス; 幅: 500ピクセル; 高さ: 20...

MySQL 接続失敗の一般的な障害と原因

==================================================...

Jenkinsはマイクロサービスをパッケージ化してDockerイメージを構築し、実行します。

目次環境の準備始める1. GitLabリモートリポジトリがマイクロサービスプロジェクトを作成する2....

Linux で指定された期間に数分ごとにタスク スケジュール crontab を自動的に実行する方法

まずコードを見てみましょう #/bin/sh datename=$(日付 +%Y%m%d-%H%M%...

Vueのデータ応答性原則の詳細な説明

この記事は主に、Vue のレスポンシブ ソース コードを理解していない、または触れたことがない人向け...

CSS 背景画像を設定するための 6 つの興味深いヒント

background-image は、おそらくすべてのフロントエンド開発者がキャリアの中で少なくとも...

CSS で 3 列レイアウトを実装するいくつかの方法と利点と欠点

序文3 列レイアウトは、その名前が示すように、両側が固定され、中央が適応します。実際の開発では、3 ...

Vue3 のリアクティブ関数 toRef 関数 ref 関数の紹介

目次リアクティブ機能使用法: toRef 関数 (理解するだけ)使用法: ref関数レスポンシブデー...

Vue はアップロードした画像に透かしを追加できるようになりました (アップグレード版)

vueプロジェクトでは、アップロードした画像に透かしを追加して参照できるようにするアップグレード版...

MySQLのバージョンアップ方法を超詳しく解説

目次1. はじめに2. データベースをバックアップする3. オリジナルのMysqlをアンインストール...

Vue プロジェクトでよく使用されるツール機能の概要

目次序文1. カスタムフォーカスコマンド1. 方法1 2. 方法2 3. 方法3 2. 入力ボックス...

Vue マウスホイールスクロール切り替えルーティング効果を実装する方法

ルート ルーティング コンポーネント (アプリの下のルート ルーティング コンポーネント。子コンポー...