Ich habe gerade die Befehlszeile ( CLI
) verwendet, um ein Vue.js-Projekt zu initialisieren. Der CLI
erstellte a src/components
und src/views
Ordner.
Es ist ein paar Monate her, seit ich mit einem Vue-Projekt gearbeitet habe und die Ordnerstruktur scheint mir neu zu sein.
Was ist der Unterschied zwischen den Ordnern views
und components
in einem Vue-Projekt, mit dem generiert wurde vue-cli
?
Antworten:
Zunächst enthalten beide Ordner
src/components
undsrc/views
Vue-Komponenten.Der Hauptunterschied besteht darin, dass einige Vue-Komponenten als Ansichten für das Routing fungieren .
Beim Routing in Vue, normalerweise mit Vue Router , werden Routen definiert, um die aktuelle Ansicht zu wechseln, die in der
<router-view>
Komponente verwendet wird. Diese Routen befinden sich normalerweise ansrc/router/routes.js
, wo wir so etwas sehen können:Es
src/components
ist weniger wahrscheinlich, dass die unter befindlichen Komponenten auf einer Route verwendet werden, während unter befindliche Komponentensrc/views
auf mindestens einer Route verwendet werden.Vue CLI zielt auf eine schnelle Entwicklung von Vue.j ab, hält die Dinge einfach und bietet Flexibilität. Ziel ist es, Teams mit unterschiedlichen Fähigkeiten zu ermöglichen, ein neues Projekt einzurichten und loszulegen.
Letztendlich geht es um Bequemlichkeit und Anwendungsstruktur .
src/router
wie dieses Unternehmen vorformulierten.Wählen Sie die Anwendungsstruktur, die am besten zu dem Projekt passt, an dem Sie arbeiten.
quelle
src/components
dieser Konvention verwendet werden.Ich denke, es ist eher eine Konvention. Etwas, das wiederverwendbar ist, kann im Ordner src / components gespeichert werden. Etwas, das an den Router gebunden ist, kann in src / views gespeichert werden
quelle
Im Allgemeinen wird empfohlen, wiederverwendbare Ansichten im
src/components
Verzeichnis abzulegen. Beispiele wie Kopf-, Fuß-, Anzeigen-, Raster- oder benutzerdefinierte Steuerelemente wie Textfelder oder Schaltflächen mit Stil. Auf eine oder mehrere Komponenten kann innerhalb einer Ansicht zugegriffen werden.Eine Ansicht kann Komponenten enthalten, und auf eine Ansicht soll eigentlich über die Navigations-URL zugegriffen werden. Sie werden in der Regel in platziert
src/views
.Denken Sie daran, dass Sie nicht gezwungen sind, über die URL auf die Komponenten zuzugreifen. Sie können jede Komponente hinzufügen
router.js
und auch darauf zugreifen. Wenn Sie dies jedoch beabsichtigen, können Sie es auf eine verschieben,src/views
anstatt es zu platzierensrc/components
.Komponenten sind Benutzersteuerelemente in Analogie zu asp.net-Webformularen.
Es geht nur darum, Ihren Code für eine bessere Wartung und Lesbarkeit zu strukturieren.
quelle
Beide Ordner sind im Grunde genommen gleich, da sie beide Komponenten enthalten. Die Ästhetik von Vue besteht jedoch darin, dass Komponenten, die als Seiten fungieren (zur Navigation an eine ähnliche Seite weitergeleitet), im Ordner / views gespeichert werden, während wiederverwendbare Komponenten wie Formularfelder beibehalten werden den Ordner / components
quelle