vue.jsにjqueryを導入する方法

vue.js に jquery を導入する方法: まず、[package.json] の依存関係に [jquery] を追加し、ターミナルに関連するコードを入力し、次に [module.exports] に関連するコードを入力します。 ]; 最後に、ターミナルで [npm run dev] と入力します。

このチュートリアルの動作環境: Windows10 システム、vue2.5.2、この記事はすべてのブランドのコンピューターに適用されます。

【おすすめ関連記事: vue.js】

vue.js に jquery を導入する方法:

1. まず、package.json の依存関係に「jquery」を追加します: "^3.2.1",

2. npm install jquery – と入力します。 save-dev

もちろん、淘宝網ミラー cnpm

を使用することもできます。 注: jquery は小文字である必要があります。そうでない場合は、「jquery」を使用してください (すべて小文字) というプロンプトが表示されます。

3. ビルド フォルダーで webpack.base.conf.js ファイルを見つけて開き、次を追加します:

  var webpack=require(‘webpack’)

# # module.exports に次のように入力します:

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

4. エントリ ファイル main.js に次のように入力します:

 import $ from ‘jquery’

5. ターミナルで「npm run dev」と入力します。取得します。

6. 検証方法は APP.vue で確認されます。図を見てください:

関連する無料学習の推奨事項: JavaScript （ビデオ）＃＃＃＃＃＃＃＃＃

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