Как посмотреть объект роутера в главном экземпляре

Question

Из моего основного экземпляра vue я пытаюсь определить, когда изменился маршрут. Пока что я узнал, что мне нужно глубоко наблюдать за объектом, чтобы обнаружить изменения свойств. Но мой подход не работает. Что я делаю не так:

const app1 = new Vue({
  el: '#app1',
  router,
  data: {
    activeRoute: router.currentRoute
 },

 methods: {
    printclass: function() {
        console.log(router.currentRoute.path);
    }
 },

 computed: {
 },

 watch: {
    'router.currentRoute': {
        handler(newVal) {
            console.log('changed');
        }, deep: true
    }
 },

 created: function() {
    console.log(router.currentRoute);
 }
});

Я знаю, что свойство пути объекта currentRoute изменяется при изменении маршрута (т. Е. Отображается другой компонент).

Answer 1

Смотреть маршрут $.

watch: {
     '$route' (to, from) {
        this.yourFunction(           
    },