Для чего добавляется окончание View в название компонента?

Question

[tostershmoster]

Например, HomeView.vue. Когда это используется и для чего это нужно?

Eсли устанавливать vue с помощью vite, то в src будет директория views и там будут файлы HomeView.vue и AboutView.vue. Это не целые страницы, т.к при нажатии на ссылку About меняется только часть страницы и на Home соответственно тоже. С другой стороны в /src/components находятся другие компоненты. Как понять который из них должен быть просто Name.vue компонентом, а какой NameView.vue?

Comments

[Владислав Лысков]

спросить у того, кто так делает, ибо общепринятого такого соглашения нет

[tostershmoster]

Владислав Лысков, если устанавливать vue с помощью vite, то в src будет директория views и там будут файлы HomeView.vue и AboutView.vue. Это не целые страницы, т.к при нажатии на ссылку About меняется только часть страницы и на Home соответственно тоже. С другой стороны в /src/components находятся другие компоненты. Как понять который из них должен быть просто Name.vue компонентом, а какой NameView.vue?

Answer 1

[Aetae]

В vue не должно быть "одноименных" компонентов, чтоб случайно не перекрыть какой-нить новый html6 тег, вот и придумывают всякое:)

В данном конкретном случае постфикс View добавлен к тем компонентам, которые являются "шаблонами" страниц верхнего уровня в системе маршрутов роутера.
Т.е. они, скорее всего, существуют в единственном экземпляре, а не являются множественно используемым компонентом, и всякая динамика уже происходит на уровень ниже.

Это не является какой-то утверждённой системой, например во многих случаях используется система: Layout - для подобных шаблонов, Page - для конкретных вложенных страниц.

В целом vue ничего в этом плане не оговаривает, потому каждый делает как ему приятнее или как оговаривает конкретный фреймворк.

Comments

[tostershmoster]

В vue не должно быть "одноименных" компонентов, чтоб случайно не перекрыть какой-нить новый html6 тег, вот и придумывают всякое:)

А если именовать компоненты одним словом с большой буквы?

Это не является какой-то утверждённой системой, например во многих случаях используется система: Layout - для подобных шаблонов, Page - для конкретных вложенных страниц.

Как тогда именовать, например, компоненты Header и Logo?

[Aetae]

tostershmoster, vue придерживается полной совместимости с html. а потому регистр не имеет значения. (Да, ты можешь в html писать так: <InPUt />, нет, не стоит этого делать:))

Разве что PascalCase имена vue преобразует в kebab-case для красоты и удобства, но сути это не меняет.

Стандартной практикой в именовании считается введение префикса для всех компонентов в рамках приложения, организации или дизайн системы. Допустим для хабра компоненты будут: h-header, h-logo и т.п. Или hb-header...

Ну и если компонент точно будет только в одном экземпляре в одном месте то можно его называть по родителю, типа есть main-layour, рядом с ним main-layout-header.

В общем тут всё как хочешь, на свой вкус.:)