vuejsにプラグインを導入する方法

導入方法: 1. 「main.js」内の import および「Vue.use(..)」ステートメントを使用します; 2. vue ファイルの script タグに「import 'path」ステートメントを追加します; 3. 、「app.vue」などで import および「components:{}」ステートメントを使用します。

このチュートリアルの動作環境: Windows7 システム、vue2.9.6 バージョン、DELL G3 コンピューター。

最初のステップ: インストール、手動でダウンロード、プラグインのカスタマイズ、Web サイトのアドレスにアクセスします。

一般的な vue または js プラグインの場合、通常はインストールできます。直接入力して次に進みます。ただし、さまざまな理由でインストールが失敗し、手動でのダウンロードが必要になる可能性も排除できません。カスタムプラグインもいくつかあります。

ステップ 2: プラグインの導入

js グローバルの紹介

main.js ファイルの追加

import Loading from './components/loading'
Vue.use(Loading)

js は個別に導入されます

vue ファイルのスクリプト タグを追加します

import '../../../components/loading/index.js'

vue はグローバルに導入されます

vue一般的にはjsをインポートします 再度紹介しますので、導入方法はjsと同じです。ただし、vue によって直接導入されるナビゲーション バーの導入などの特殊なケースもあり、グローバルでは

import Header from './components/Header'
components: {
    Header
  }

vue が app.vue
# で個別に導入されます。

## は別途紹介します また、上記コード

を追加して

1 を直接導入し、index.html に

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=？"></script>

2 を追加しますプロジェクトの build/webpack.base.conf.js 設定ファイルに外部拡張子 (externals 属性) を設定します

externals: {
    'BaiduMap': 'BMap'
}

モジュールの紹介

と同じですjs グローバルの概要。この部分では、プラグインをインストールまたはダウンロードできる必要があります

関連する推奨事項: 「

vue.js チュートリアル 」

以上がvuejsにプラグインを導入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。