javascript — переменная компонента маршрутизатора vue undefined

привет, я использую роутер во вкладках содержимого моей страницы php, когда я впервые ввожу переменные маршрута неопределенные и изменяю маршрут, вернитесь, он работает, когда я ввожу с URL-адреса то же самое, что не определенная переменная показывает в расширении vue dev?

app.js

const routes = [
{
path: '/',
component: infotab,
name: 'Info'
},
{ path: '/characters', component: charactertab, name: 'home' },
{ path: '/watch', component: watchtab },
{ path: '/downloads', component: downloadtab }
]

const router = new VueRouter({
routes,
});

var tabb = new Vue({
router,
el: "#app",
}).$mount('#app');

Шаблонный скрипт

<script>
export default {
data () {
return {
details: window.infos,
characters: window.characters,
episodes: window.episodes,
}
}
}
</script>

single.blade.php

              <div data-v-20e267b2="" data-v-aaf71b06="" class="overview">
<router-view></router-view>
</div>
</div>
<script>
window.infos = {!! json_encode($response) !!};
window.characters = {!! json_encode($apicharacters) !!};
window.episodes = {!! json_encode($episodes) !!};
</script>