ホームページ  >  記事  >  ウェブフロントエンド  >  vue.jsにjqをインストールする方法

vue.jsにjqをインストールする方法

藏色散人
藏色散人オリジナル
2020-12-16 09:15:164403ブラウズ

vue.js に jq をインストールする方法: まず、「npm install jquery --save」コマンドを使用して JQuery をインストールし、次に構成ファイルを変更し、次に main.js ファイルに JQuery を導入し、最後にプロジェクト。

vue.jsにjqをインストールする方法

このチュートリアルの動作環境: 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"
 })
]

3. main.js ファイルに 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をインストールする方法

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

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