Что такое VueJS? Каковы основные особенности VueJS? 6

46. Что такое вложенные маршруты?

Как правило, приложение состоит из многоуровневых вложенных компонентов. Сегменты URL соответствуют определенной структуре этих вложенных компонентов. Чтобы отображать компоненты во вложенном выходе, вам необходимо использовать опцию children в конфигурации конструктора VueRouter.
Давайте возьмем пользовательское приложение, состоящее из профиля и размещающее вложенные компоненты с соответствующими маршрутами. Вы также можете определить конфигурацию маршрута по умолчанию, когда нет подходящего вложенного маршрута.
const router = new VueRouter({
routes: [
{
path: "/user/:id",
component: User,
children: [
{
//UserProfile будет внутри пользователя, когда / user /: id / profile совпадает
path: "profile",
component: UserProfile,
},
{
// UserPosts будет отображаться внутри пользователя при сопоставлении / user /: id / posts
path: "posts",
component: UserPosts,
},
// UserHome будет отображаться внутри пользователя при совпадении / user /: id
{ path: "", component: UserHome },
],
},
],
});

47. Что такое однофайловые компоненты?

Однофайловые компоненты - это простая для понимания концепция. Раньше вы могли слышать о том, что все три части (HTML, JavaScript и CSS) вашего приложения хранятся в разных компонентах. Но однофайловые компоненты инкапсулируют структуру, стиль и поведение в один файл. Вначале кажется странным иметь все три части в одном файле, но на самом деле это имеет гораздо больший смысл.
Давайте возьмем пример одиночных файловых компонентов