Heim > Web-Frontend > Front-End-Fragen und Antworten > Können jq und vuejs gemischt werden?

Können jq und vuejs gemischt werden?

青灯夜游
Freigeben: 2023-01-11 09:22:12
Original
3781 Leute haben es durchsucht

jq und vuejs können gemischt werden: 1. Verwenden Sie das npm-Tool, um jquery zu installieren. 2. Konfigurieren Sie die Dateien „webpack.base.conf.js“ und „module.exports“. „‚jquery‘ importieren“ führt einfach jq ein.

Können jq und vuejs gemischt werden?

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Vue-Version 2.9.6, DELL G3-Computer.

Manchmal, wenn ich an vue.js denke, denke ich automatisch an die Verwendung von vue-cli-Gerüsten, um ein Projekt zu erstellen. Manchmal sind jedoch Geschäftsszenarien nicht für die Verwendung von vue-cli-Gerüsten geeignet. Verwenden Sie in diesem Fall vue+ Durch die Kombination ihrer Vorteile wird die Entwicklungseffizienz erheblich verbessert.

So verwenden Sie JQuery im Vue-Projekt

1. Installieren Sie JQuery.

Geben Sie das Projektstammverzeichnis ein und führen Sie Folgendes aus: npm install jquery --savenpm install jquery --save

项目的package.json会自动添加依赖信息

2、webpack配置

找到项目的build目录中的webpack.base.conf.js文件,引入:var webpack = require('webpack')

然后在module.exports中添加一段代码,

resolve: {
....
},
//添加jquery
plugins: [
  new webpack.optimize.CommonsChunkPlugin('common.js'),
  new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"
  }),
],
module: {.....
Nach dem Login kopieren

3、找到项目的main.js,添加以下代码:import 'jquery'

这样使用npm run dev

Die package.json des Projekts fügt automatisch Abhängigkeitsinformationen hinzu

2. Webpack-Konfiguration

Suchen Sie das Webpack im Build-Verzeichnis des Projekts .base.conf.js-Datei, führen Sie ein: var webpack = require('webpack')

Dann fügen Sie einen Code in module.exports hinzu, 🎜
<el-row id="form">....
jqueryTest(){
 console.log($("form"))
}
Nach dem Login kopieren
🎜3. Suchen Sie die main.js von Fügen Sie im Projekt den folgenden Code hinzu: import 'jquery'🎜🎜Verwenden Sie npm run dev, um das Projekt erneut auszuführen🎜🎜Testen Sie, der persönliche Test war erfolgreich🎜rrreee🎜 Verwandte Empfehlungen: „🎜vue.js Tutorial🎜》🎜

Das obige ist der detaillierte Inhalt vonKönnen jq und vuejs gemischt werden?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage