ホームページ  >  記事  >  ウェブフロントエンド  >  jquery を vue プロジェクトにインポートできますか?

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

藏色散人
藏色散人オリジナル
2021-11-18 10:35:379329ブラウズ

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

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。