Maison > Article > interface Web > Une brève discussion sur la méthode d'introduction de jquery dans vue
Une brève discussion sur la méthode d'introduction de jquery dans vue
- 青灯夜游avant
- 2020-11-12 17:52:422448parcourir
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!