ホームページ > 記事 > ウェブフロントエンド > vue.jsにjqをインストールする方法
vue.js に jq をインストールする方法: まず、「npm install jquery --save」コマンドを使用して JQuery をインストールし、次に構成ファイルを変更し、次に main.js ファイルに JQuery を導入し、最後にプロジェクト。
このチュートリアルの動作環境: Windows7 システム、vue2.0&&jquery1.0 バージョン この方法は、すべてのブランドのコンピューターに適しています。
推奨: 「vue チュートリアル 」
Ajax リクエストと少数の DOM 操作に JQuery をインストールして使用する
vue.jsデータ レンダリング方法はすでに非常に便利で強力であり、この操作に JQuery を使用する必要はありません
1. JQuery をインストールします
npm install jquery --save
2. インストールが成功したら設定ファイルを変更します
## 次のコードを #build フォルダーの下のファイル webpack.base.conf.js に追加します。 ヘッダーを追加し、ファイルを導入します。var webpack=require("webpack")
# を追加します。 module.exports ##
plugins: [ new webpack.ProvidePlugin({ jQuery: "jquery", $: "jquery" }) ]
import $ from 'jquery' //或 import jQuery from 'jquery'
4. プロジェクトを再起動します
npm run dev //或 npm run start
5. npm run でパッケージ化されたindex.html ファイルにアクセスしますbuild パスが正しく指定されていないため、最終的な js および css ファイルが見つかりません。
config フォルダー内のindex.js 構成を変更します。
元の構成:
#少し修正して追加します。
以上がvue.jsにjqをインストールする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。