jquery を vue プロジェクトにインポートできますか?-Vue.js-php.cn

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

藏色散人

リリース： 2021-11-18 10:36:09

オリジナル

9363 人が閲覧しました

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

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

この記事の動作環境：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 サイトの他の関連記事を参照してください。