VUE-CLI3は、jQueryのマウント

注記:VUE-cli3.0 vue.config.jsの内のコンフィギュレーションファイルのセットに置き換えなしwebpack.config.jsプロファイル、

デフォルトではインストールされていないVUE-cli3.0プロジェクト

STEP1:コマンドラインツール、プロジェクトファイルにしますフォルダは、実行:NPM jQueryの--saveインストール

正常にインストール後のヒントは、package.jsonファイル内の「依存関係」「jqueryの」があるかどうかを確認します:STEP2の「^ 3.3.1」 、( 手動で追加する必要がないため) :

ステップ3:.eslintrc.jsファイルは、envがjQueryのを追加しました:trueに

[キー]ステップ:ステップ4 

vue.config.jsファイル:追加最も頭"のconstのWebPACKは=必要( 'WebPACKの ')"; module.exportsはで追加:

configureWebpack:{ 

    プラグイン:[ 

    新しい新しいwebpack.ProvidePlugin({ 

$ "jQueryの"、

jQueryの"jQueryの"、

"windows.jQuery": "jQueryの" 

})

    ] 

  } 


STEP5:main.jsが導入「インポート$ 「jqueryの」から「 

ステップ6:再起動VUE-CLIは、スクリプトタグ内のページコンポーネントは、次のテストコードを追加し、ページが成功を開くことができます

 

おすすめ

転載: www.cnblogs.com/wwthuanyu/p/10978284.html