Маршрутизация - Настройки маршрутизатора

Маршрутизатор по умолчанию добавляет # во все запросы (пример: http://localhost:8081/#/about). Чтобы от него избавиться необходимо ввести небольшие изменения в файл router/index.js. Вместо модуля createWebHashHistory подключить и использовать модуль createWebHistory:

 
import { createRouter, createWebHistory } from 'vue-router';
...
const router = createRouter({
  history: createWebHistory(),
  routes
})
 

Если в маршрутизаторе определяются переменные, например:

    {
      path: '/',
      name: 'index',
      components: { default: Index, header: MainNavbar, footer: MainFooter },
      props: {
        header: { colorOnScroll: 400 },
        footer: { backgroundColor: 'black' }
      }
    }

то в app.js их можно использовать так:

<template>
  <div id="app">
    <router-view name="header" />
    <div class="wrapper">
      <router-view />
    </div>
    <router-view name="footer" />
  </div>
</template>
<script>
export default {};
</script>