Maison >interface Web >Voir.js >Comment importer le plug-in tiers jquery dans Vue Scaffolding

Comment importer le plug-in tiers jquery dans Vue Scaffolding

王林
王林original
2020-11-25 14:00:133044parcourir

Comment importer le plug-in tiers jquery dans vue scaffolding : 1. Téléchargez jquery ; 2. Modifiez le fichier webpack.base.conf.js, introduisez webpack et configurez le plug-in jquery 3 ; . Entrez [importer dans le fichier d'entrée $ depuis 'jquery'].

Comment importer le plug-in tiers jquery dans Vue Scaffolding

L'environnement d'exploitation de ce tutoriel : Système Windows 10, vue version 2.9. Cette méthode convient à toutes les marques d'ordinateurs.

(Partage de vidéos d'apprentissage : tutoriel vidéo javascript)

1. Téléchargez jquery

npm install jquery --save

2. Ouvrez webpack.base dans le dossier build conf. Fichier .js :

(1) Introduisez webpack en haut

 var webpack=require('webpack')

(2) Configurez le plug-in JQuery dans module.exports :

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

3. Dans le fichier d'entrée Entrez

import $ from 'jquery'

dans main.js 4. Testez en utilisant

Comment importer le plug-in tiers jquery dans Vue Scaffolding

Recommandations associées : Tutoriel vue.js

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!

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Article précédent:A quoi sert vue.router ?Article suivant:A quoi sert vue.router ?