VueでjQueryを使う方法-jsチュートリアル-php.cn

VueでjQueryを使う方法

藏色散人

リリース： 2022-12-30 11:12:43

オリジナル

21464 人が閲覧しました

vue で jquery を使用する方法: 最初に cnpm コマンドを使用して jQuery の依存関係をインストールし、次に「webpack.base.conf」ファイル構成を変更し、最後に使用するコンポーネントに jquery を導入します。

VueでjQueryを使う方法

#このチュートリアルの動作環境: Windows7 システム、jquery1.2.6&&Vue2.9 バージョン、Dell G3 コンピューター。

関連する推奨事項:「

JS 基本チュートリアル」

jQuer ライブラリを通常の HTML ページに導入する場合は、だけです。ただし、Vue コンポーネントで jQuery ライブラリを使用したい場合、この方法は機能しません。以下に紹介させていただきます。

1. jQuery の依存関係をインストールする

jQuery を使用する前に、まず次のコマンドを使用して jQuery の依存関係をインストールする必要があります:

npm install jquery --save
# 如果你更换了淘宝镜像，可以使用cnpm来安装，速度更快
cnpm install jquery --save

ログイン後にコピー

2 、構成ファイルを変更する

jQuery 依存関係のインストールが完了したら、webpack.base.conf ファイル構成ファイルを変更する必要があります。現在の Vue バージョンは 2.9 であることに注意してください。Vue3.x バージョンを使用している場合は、この設定ファイルの場所が異なる可能性があるため、プロジェクト内で見つける必要があります。

まず、次の図に示すように、webpack を導入するコード行を追加します。

VueでjQueryを使う方法