Именованные виды (Named Views) в Vue Router позволяют отображать несколько компонентов в одном маршруте, что облегчает создание сложных макетов для приложений. Это дает возможность разделять контент и управлять отображением компонентов на одной странице. Каждый именованный вид будет отображать соответствующий компонент при смене маршрута.

Иногда вам нужно отобразить несколько видов одновременно, вместо того чтобы вкладывать их друг в друга, например, создать макет с видом боковой панели и основным видом. Вот где пригодятся именованные виды. Вместо того, чтобы иметь в своем представлении одну розетку, вы можете иметь несколько и присвоить каждой из них имя. Представлению маршрутизатора без имени будет присвоено имя по умолчанию.

Представление визуализируется с помощью компонента, поэтому для нескольких представлений требуется несколько компонентов для одного и того же маршрута. Обязательно используйте параметр components (с символом s).:

Можно создавать сложные макеты, используя именованные представления с вложенными видами. При этом вам также потребуется присвоить имя вложенному представлению маршрутизатора. Давайте рассмотрим пример панели настроек:

Раздел template для компонента пользовательских настроек в приведенном выше макете выглядел бы примерно так:

Затем вы можете добиться приведенной выше компоновки с помощью этой конфигурации маршрута: