Une brève discussion sur la méthode d'introduction de jquery dans vue

La colonne vue.js suivante vous présentera comment introduire jquery dans vue. Il a une certaine valeur de référence. Les amis dans le besoin peuvent s'y référer. J'espère qu'il sera utile à tout le monde.

Comment introduire jquery dans vue

1 : Étant donné que l'échafaudage de vue a été installé, jquery doit être introduit globalement dans le webpack

Ouvrez le fichier package.json et ajoutez-y cette ligne de code. Ce qui suit jquery est la version. Modifiez-la en fonction de vos propres besoins.

    dependencies:{

  "jquery":"^2.2.3"

       }

Ensuite, dans la ligne de commande, cnpm install

La plupart des gens devraient utiliser l'image Taobao, alors utilisez cnpm. Si ce n'est pas le cas, vous pouvez utiliser npm pour installer.

2 : Ajouter une ligne de code à webpack.base.conf.js

let webpack=require("webpack")

3 : Ajouter cette ligne de code à la fin de module.exports dans webpack.base.conf.js ,

  plugins: [new webpack.optimize.CommonsChunkPlugin('common.js'),new webpack.ProvidePlugin({
    jQuery: "jquery",
    $: "jquery"})
]

4 : Introduisez-le dans main.js et ajoutez la ligne de code suivante

   import $ from 'jquery'

5 : La dernière étape consiste à l'exécuter à nouveau, cnpm run dev

Connexe Recommandé :

Un résumé des questions d'entretien de vue frontale en 2020 (avec réponses)

Recommandation du tutoriel vue : le 5 derniers vue.js en 2020 Sélection de didacticiels vidéo

Pour plus de connaissances liées à la programmation, veuillez visiter : Enseignement de la programmation ! !

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!