Je viens d'utiliser la ligne de commande ( CLI
) pour initialiser un projet Vue.js. Le dossier et CLI
créé .src/components
src/views
Cela fait quelques mois que je travaille sur un projet Vue et la structure des dossiers me semble nouvelle.
Quelle est la différence entre les dossiers views
et components
dans un projet Vue généré avec vue-cli
?
Réponses:
Tout d'abord, les deux dossiers
src/components
etsrc/views
contiennent des composants Vue.La principale différence est que certains composants Vue agissent comme des vues pour le routage.
Lors du routage dans Vue, généralement avec Vue Router , les routes sont définies afin de changer la vue actuelle utilisée dans le
<router-view>
composant. Ces itinéraires sont généralement situés àsrc/router/routes.js
, où nous pouvons voir quelque chose comme ceci:Les composants situés sous
src/components
sont moins susceptibles d'être utilisés dans un itinéraire tandis que les composants situés soussrc/views
seront utilisés par au moins un itinéraire.Vue CLI vise le développement rapide de Vue.js, il simplifie les choses et offre de la flexibilité. Son objectif est de permettre à des équipes de différents niveaux de compétences de monter un nouveau projet et de se lancer.
En fin de compte, c'est une question de commodité et de structure d'application .
src/router
comme ce passe- partout d'entreprise.Choisissez la structure d'application qui convient le mieux au projet sur lequel vous travaillez.
la source
src/components
cette convention?Je pense que c'est plus une convention. Quelque chose qui est réutilisable peut être conservé dans le dossier src / components, quelque chose qui est lié au routeur peut être conservé dans src / views
la source
Les vues généralement réutilisables sont suggérées pour être placées dans le
src/components
répertoire. Des exemples tels que l'en-tête, le pied de page, les annonces, les grilles ou tout autre contrôle personnalisé comme les zones de texte ou les boutons stylisés Un ou plusieurs composants sont accessibles dans une vue.Une vue peut avoir des composants et une vue est en fait destinée à être accédée par l'URL de navigation. Ils sont généralement placés
src/views
.N'oubliez pas que vous n'êtes pas obligé d'accéder aux composants via l'URL. Vous êtes libre d'ajouter n'importe quel composant au
router.js
et d'y accéder également. Mais si vous avez l'intention de le faire, vous pouvez le déplacer vers unsrc/views
plutôt que le placersrc/components
.Les composants sont des contrôles utilisateur par analogie avec les formulaires Web asp.net.
Il s'agit simplement de structurer votre code pour une meilleure maintenance et une meilleure lisibilité.
la source
Les deux dossiers sont fondamentalement les mêmes car ils contiennent tous deux des composants, mais l'esthétique de Vue est que les composants qui fonctionneront comme des pages (acheminés vers une page similaire pour la navigation) sont conservés dans le
/views
dossier, tandis que les composants réutilisables tels que les champs de formulaire sont conservés dans le/components
dossier .la source