Comment charger le plug-in js dans vue.js

La méthode permettant à vue.js de charger le plug-in js : installez d'abord les packages dépendants Bootstrap et jQuery ; puis importez les js et css pertinents, et insérez enfin les éléments DOM pertinents, enregistrez le code et exécutez ; le projet.

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

Comment vue.js charge les plug-ins js :

La première étape consiste à utiliser Bootstrap dans le projet vue.js, et vous devez installer ce package de dépendances , comme suit Comme le montre l'image :

La deuxième étape, avant d'utiliser Bootstrap, jQuery peut être impliqué, donc jQuery doit également être installé, comme indiqué dans le image ci-dessous :

La troisième étape consiste à importer les js et css pertinents dans <script></script> dans le nouveau fichier vue, comme indiqué ci-dessous :

La quatrième étape consiste à insérer les éléments DOM pertinents dans la balise du modèle. Un tableau est utilisé ici, comme indiqué ci-dessous :

La cinquième étape. consiste à enregistrer Le code utilise ensuite la commande de l'outil npm pour exécuter le projet et afficher l'effet dans le navigateur, comme le montre la figure suivante :

Étape 6, dans l'ordre pour afficher les lignes paires et impaires du tableau Différent, utilisez la méthode dans jQuery pour définir la couleur d'arrière-plan des lignes, comme indiqué ci-dessous :

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!