можно сделать через роутер. храните title в meta. далее ставите плагин vuex-router-sync, он создает в vuex модуль в котором хранит даные о текущем роуте. в туллбаре просто мапите стэйт. примерно так:
// router.js
routes: [{
name: 'index',
path: '/',
meta: {
title: 'Vuetify.js'
}
}]
//Toolbar.vue
computed: {
...mapState('router', {
currentTitle: state => state.meta.title
})
}
если у вас нет vuex, то можно все сделать через watch:
//Toolbar.vue
data() {
return {
currentTitle: ''
}
},
watch: {
'$route': {
handler(route) {
this.currentTitle= route.meta.title
},
immediate: true
}
}
Средний