Vue.js передача дочернего компонента

Моя главная задача - сделать меню в ToolBar различным для разных маршрутов, т.е. для разных компонентов, передающихся через router-view. Каким образом мне это стоит делать? Передавать через props мне кажется плохой затеей, но пока других решений данного вопроса не вижу. Подскажите, пожалуйста, как это можно реализовать?

Код:

App.vue:

<template>
  <div id="app">
    <v-app>
      <Sidenav></Sidenav>
      <ToolBar></ToolBar>
      <v-content style="padding-top: 80px;">
        <transition name="slide-x-transition" mode="out-in">
          <router-view></router-view>   
        </transition>
      </v-content>
    </v-app>
  </div>  
</template>
<script>
import Sidenav from './components/Sidenav'
import ToolBar from './components/Toolbar'
export default {
  name: 'App',
  data() {
    return {
    }
  },
  methods: {
  },
  components: {
    Sidenav,
    ToolBar
  }
}
</script>

Toolbar.vue:

<template>
    <v-toolbar app clipped dark color="primary">
    <v-toolbar-side-icon></v-toolbar-side-icon>
    <v-toolbar-title class="white--text">Title</v-toolbar-title>  
    <v-spacer></v-spacer>    
  </v-toolbar>
</template>
<script>
    export default {
        name: 'ToolBar',        
    }
</script>
<style lang="less">
</style>