Können jq und vuejs gemischt werden?

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.

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: {.....

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"))
}

🎜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!