Y a-t-il un conflit entre l'utilisation de vue et bootstrap ?

Il n'y a pas de conflit entre l'utilisation de vue et bootstrap ; lors de l'écriture de modèles pour vue, vous pouvez utiliser bootstrap pour améliorer l'efficacité du développement. Si vous devez l'utiliser en combinaison, vous pouvez utiliser le framework BootstrapVue, qui est un framework spécialement. développé par bootstrap pour vue.

L'environnement d'exploitation de ce tutoriel : système Windows 10, bootstrap version 3.3.7, ordinateur DELL G3

Y a-t-il un conflit entre l'utilisation de vue et bootstrap

Les modèles d'écriture de Vue peuvent utiliser bootstrap pour s'améliorer ? efficacité du développement

S'ils souhaitent être utilisés en combinaison Il est recommandé d'utiliser le framework BV  bootstrap est un framework spécialement développé pour vue

BootstrapVue est un framework d'interface utilisateur front-end basé sur Bootstrap v4 + Vue.js. En tant que framework d'introduction à l'apprentissage du framework Vue.js lui-même, je pense que BootstrapVue est très bon. Le framework Bootstrap lui-même est léger, facile à apprendre et très populaire dans le monde entier avec de nombreux plugins et styles de thèmes tiers. En tant que framework progressif, la bibliothèque principale de Vue.js se concentre uniquement sur la couche de vue, qui est non seulement facile à démarrer, mais également facile à intégrer à des frameworks tiers ou à des projets existants.

Étapes d'installation du framework BootstrapVue

Travail de préparation, installation de Vue CLI

Le nom du package Vue CLI est passé de vue-cli à @vue/cli. Si une ancienne version de vue-cli (1.x ou 2.x) est installée, vous devez d'abord supprimer l'ancienne version :

npm uninstall -g vue-cli

puis installer la nouvelle version :

npm install -g @vue/cli

Vérifiez la version de vue :

vue --version

S'il affiche 3.x, cela indique que l'installation est correcte.

Créer un nouveau projet Vue

vue create bootstrapvue-demo

Lorsque vous y êtes invité, veuillez choisir un préréglage, sélectionnez la valeur par défaut et appuyez sur Entrée.

Exécuter le projet Vue

cd bootstrapvue-demo
npm run serve

Recommandations associées : Tutoriel bootstrap

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!