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

Question

[dhesaw]

Здравствуйте!
Почему watch не срабатывает в данном случае?
Есть такое вычисляемое свойство, которое возвращает текущий pathname

getPathName(){
            return document.location.pathname;
        }

И watch

getPathName(news){
            console.log(news,document.location.pathname);
        }

Если pathname меняется, то почему-то не вызывается watch

Answer 1

[Антон Антон]

Потому что watch работает на реактивные свойства. Если хочется добиться реакции на изменение параметров маршрута, то работает watch на $route.params или fullpath, например. Также есть навигационные хуки, которые вызываются при изменении или переходе по маршруту. Это всё при использовании vue router, при своем роутере надо об этом самому и позаботиться

Comments

[dhesaw]

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

[Антон Антон]

dhesaw, это глобальный объект. он во всех компонентах есть

[dhesaw]

Ну вот у меня данный компонент располагается так:
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

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

[Антон Антон]

dhesaw, Зачем мешать SPA (как раз для неё применяется vue router) и MPA? что такое router.js?

[dhesaw]

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

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