So rufen Sie das JQuery-Paket in Vue auf

So ruft Vue das JQuery-Paket auf: Verweisen Sie zuerst auf das JQuery-Paket und geben Sie den Projektordner ein. Suchen Sie dann den Scaffolding-Build-Ordner, fügen Sie schließlich den relevanten Code hinzu und zeigen Sie ihn im Popup-Fenster an.

Die Betriebsumgebung dieses Tutorials: Windows7-System, Version jquery3.2.1 und Vue2.9.6, DELL G3-Computer.

【Empfohlene verwandte Artikel: vue.js】

So ruft Vue das JQuery-Paket auf:

Schritt 1

Fügen Sie eine Zeile zu Abhängigkeiten in package.json hinzu

"jquery" : "^3.2.1"

Zitieren Sie das JQuery-Paket

Step 2

cd Ihr Projektname

Geben Sie den Projektordner

run

npm install jquery --save-dev

installin des JQuery -Pakets

Step 3

find webpack.base.conf unter dem Gerüst -Build -Ordner

Fügen Sie oben eine Zeile hinzu:

var webpack=require('webpack')

Schritt 4

Suchen Sie die webpack.base.conf.js-Datei

module.exports im Scaffolding-Build-Ordner und fügen Sie Plugins zu module.exports hinzu:

[          
new webpack.ProvidePlugin({                
$:"jquery",                
jQuery:"jquery",               
"windows.jQuery":"jquery"      
}) ],

Schritt 5

Fügen Sie eine Zeile

import $ from 'jquery'

hinzu, um auf jquery zu verweisen

Schritt 7

npm führt dev zum Kompilieren aus und gibt dann 127.0.0.1:8080 in den Browser ein

Besuchen Sie die Seite und klicken Sie auf Test Jquery

Wenn im Popup-Fenster Test Jquery Success angezeigt wird!

bedeutet JQuery Successful Citation

Verwandte kostenlose Lernempfehlungen:

Javascript

(Video)

Das obige ist der detaillierte Inhalt vonSo rufen Sie das JQuery-Paket in Vue auf. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!