Comment utiliser jq dans vue.js

Comment utiliser jq avec vue.js : installez d'abord jQuery via NPM, le code est [npm install jquery --save] puis configurez webpack, le code est [var webpack = require('webpack') ] ; vérifiez enfin Eslint.

[Recommandations d'articles connexes : vue.js]

vue.js utilise jq Méthode :

1. Installez jQuery via NPM, exécutez le code suivant dans le répertoire racine du projet

npm install jquery --save

2.

dans le répertoire build du répertoire racine du projet et utilisez le code suivant au début pour introduire webpack, car ce fichier n'est pas référencé par défaut. webpack.base.conf.js

var webpack = require('webpack')

// 原有代码
resolve: {
 extensions: ['.js', '.vue', '.json'],
 alias: {
'vue$': 'vue/dist/vue.esm.js',
'@': resolve('src')
 }
},
// 添加代码
plugins: [
 new webpack.ProvidePlugin({
$: "jquery",
jQuery: "jquery",
jquery: "jquery",
"window.jQuery": "jquery"
 })
],
// 原有代码
module: {
 rules: [
// ......
 ]
}

import 'jquery'

Écrivez le code pour faire fonctionner le dom$ or jQuery

npm run dev

3. Vérification d'Eslint

Fichier, dans le module.exports du fichier modifié, ajoutez une paire clé-valeur .eslintrc.js pour env, c'est-à-dire : jquery: true

env: {
 // 原有
 browser: true,
 // 添加
 jquery: true
}

Recommandations d'apprentissage gratuites associées : JavaScript(Vidéo)

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!