Eine kurze Diskussion über die Methode zur Einführung von JQuery in Vue

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!