jquery を vue プロジェクトにインポートできますか?

jquery は vue プロジェクトに導入できます 導入方法は、 1. package.json を修正する; 2. ターミナルに npm install と入力して依存関係をインポートする; 3. webpack.base.conf を修正する; 4.コンポーネントに jquery を導入するだけです。

この記事の動作環境：Windows7システム、jquery2.2.3バージョン、DELL G3パソコン

jqueryは導入できますか？ vueプロジェクト？

vue プロジェクトへの JQuery の導入

vue-cli スキャフォールディング ツールを使用してプロジェクトを正常に構築した後、JQ を導入する必要がある場合は、次の方法を使用できます。 :

package.json を変更する

# まず、package.json の依存関係に「jquery」を追加します。「^2.2.3」

もちろん、 .3

依存関係のインポート

依存関係をインポートするには、ターミナルに npm install と入力します。

webpack.base.conf を変更する

コードは次のとおりです、変更する画像を参照してください;

var webpack = require("webpack")

rrree

##jquery をコンポーネントに導入して使用する

どのコンポーネントで jQuery ライブラリを使用するかは、まず次のコマンドを使用して jquery を導入する必要があります。その後、通常どおりに使用できるようになります。

ここでは、main.js でグローバルに導入します。

plugins: [ 
    new webpack.ProvidePlugin({
          $:"jquery", 
          jQuery:"jquery", 
         "windows.jQuery":"jquery"
 }) 
],

テスト使用:

まずアプリケーションを再起動します: npm run dev ページを更新します

## 推奨される学習: 「 jquery ビデオ チュートリアル

>>《

vue チュートリアル 》

以上がjquery を vue プロジェクトにインポートできますか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。