Почему watch не работает с document.location?

Антон Антон,
1)Ну я вынес header.navbar,footer чтобы не писать их постоянно во всех компонентах. А с categorybar-component мне нужно только одну проверку на отображение сделать.
2) в router.js находятся все маршруты компоненты и их названия vue router

Ну вообще хотел делать только SPA приложение

Почему watch не работает с document.location?

Ну вот у меня данный компонент располагается так:
index.blade.php

<div id="app">             
<header-component></header-component>
            <categorybar-component></categorybar-component> //пытаюсь получить $route.params
            <router-view></router-view> // через router.js отрисовывает нужный компонент
<footer-component></footer-component>
</div>

При вызове this.$route в categorybar-component мне выводятся данные домашней страницы:

Object
fullPath: "/"
hash: ""
matched: []
meta: {}
name: null
params: {}
path: "/"
query: {}
[[Prototype]]: Object

Может я неправильно его отрисовываю, извините тогда.

Почему watch не работает с document.location?

А если компонент находится вне тела router-view, я могу как-то получить текущий $route.params из router-view?