Есть стартовая страница с лого и кнопкой "Перейти на сайт" по центру экрана. По клику на кнопке "Перейти на сайт" пользователь попадает на обычный сайт с хедером, сайдбаром и т.п. Если бы я делал это без vue.js, то маршрут выглядел бы так: intro.html -> index.html Но я хочу реализовать это с применением vue router/spa. Из документации я понял, что ссылки нужно обернуть в тег router-link, а содержимое отображать в router-view. Это отлично бы сработало, если ссылки всегда оставались на месте, например в сайдбаре, а контент грузился в нужную область на странице. Но тут же ситуация совсем другая -- нужно перерисовать всё страницу целиком, убрать кнопку "Перейти на сайт". Это наталкивает на мысль обернуть router-link в router-view, но уверен, это вызовет рекурсию, так что не подходит. Хотел бы получить от вас небольшой буст для понимания реализации этой задачи.
Ничего не понял, кто вам мешает размещать router-link хоть в сайдбаре, хоть внутри компонента. Главное чтобы они были в зоне действия vue.
Если вне Vue, то придется вешать на линки vm.$router.go
outer-view это просто хтмл-елемент в который будут рендериться компоненты, указанные роутером.
Тот же component, только более сложный.