Comment installer jq dans vue.js

Comment installer jq dans vue.js : Installez d'abord JQuery via la commande "npm install jquery --save" puis modifiez le fichier de configuration ; puis introduisez JQuery dans le fichier main.js ; projet.

L'environnement d'exploitation de ce tutoriel : système windows7, version vue2.0&&jquery1.0. Cette méthode convient à toutes les marques d'ordinateurs.

Recommandé : "tutoriel vue"

Installer et utiliser JQuery pour les requêtes ajax et un petit nombre d'opérations DOM

vue.js La méthode de rendu des données est déjà très pratique et puissante, et il n'est pas nécessaire d'utiliser JQuery pour cette opération

1 Installer JQuery

npm install jquery --save

Modifier le fichier de configuration après une installation réussie

Ajoutez le code suivant au fichier webpack.base.conf.js sous le dossier build :

Ajoutez l'en-tête et introduisez le fichier :

var webpack=require("webpack")

Ajoutez

plugins: [
 new webpack.ProvidePlugin({
 jQuery: "jquery",
 $: "jquery"
 })
]

3. Introduisez JQuery dans le fichier main.js

import $ from 'jquery'
//或   
import jQuery from 'jquery'

4 Redémarrez le projet

npm run dev 
//或  
npm run start

5. Accédez au fichier index.html emballé en exécutant npm. build Les fichiers js et css résultants n'ont pas été trouvés car le chemin pointait incorrectement

Modifiez la configuration index.js dans le dossier de configuration

Configuration originale :

Modifié pour ajouter un petit peu.

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!