Heim >Web-Frontend >View.js >Eine kurze Diskussion über die Methode zur Einführung von JQuery in Vue
Eine kurze Diskussion über die Methode zur Einführung von JQuery in Vue
- 青灯夜游nach vorne
- 2020-11-12 17:52:422528Durchsuche
In der folgenden vue.js-Kolumne erfahren Sie, wie Sie JQuery in Vue einführen. Es hat einen gewissen Referenzwert. Freunde in Not können sich darauf beziehen. Ich hoffe, es wird für alle hilfreich sein.
So führen Sie JQuery in Vue ein
1: Da das Vue-Gerüst installiert wurde, muss JQuery global im Webpack eingeführt werden
Öffnen Sie die Datei package.json und fügen Sie diese Codezeile nach JQuery ein ist die Version, ändern Sie sie entsprechend Ihren eigenen Bedürfnissen.
dependencies:{
"jquery":"^2.2.3"
} Dann in der Befehlszeile cnpm installieren
Die meisten Leute sollten das Taobao-Image verwenden, also verwenden Sie cnpm. Wenn nicht, können Sie npm zur Installation verwenden.
2: Fügen Sie eine Codezeile zu webpack.base.conf.js hinzu
let webpack=require("webpack")
3: Fügen Sie diese Codezeile am Ende von module.exports in webpack.base.conf.js hinzu,
plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'),new webpack.ProvidePlugin({
jQuery: "jquery",
$: "jquery"})
]
4: In main .js Importieren, die folgende Codezeile hinzufügen
import $ from 'jquery'
5: Der letzte Schritt, einfach noch einmal ausführen, cnpm run dev
Verwandte Empfehlungen:
Zusammenfassung der Front-End-Vue-Interviewfragen 2020 (mit Antworten)
Vue-Tutorial-Empfehlung: Die neuesten 5 vue.js-Video-Tutorial-Auswahlen im Jahr 2020
Weitere Programmierkenntnisse finden Sie unter: Programmierlehre! !
Das obige ist der detaillierte Inhalt vonEine kurze Diskussion über die Methode zur Einführung von JQuery in Vue. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!