Как добавить слушателя событий на элементы компонента?

У меня есть такой routes

{
    path: '/office',
    name: 'office',
    component: () => import('@/views/office/IndexView.vue'),
    meta: {
        layout: "office",
        auth: true
    }
},
{
    path: '/users',
    name: 'users',
    component: () => import('@/views/cabinet/UsersView.vue'),
    meta: {
        layout: "office",
        auth: true
    }
}

И в лаяуте office я вешаю слушателей на события:

mounted() {
    document.addEventListener( 'click', this.closeDropdownsListener );
}

И например, если я нахожусь на IndexView.vue то слушатель событий вешается на все нужные блоки в самом лаяуте и так же на блоки IndexView.vue.

Но стоит сменить роут, например на UsersView.vue , то у UsersView.vue слушателей событий уже нету, они остались только на блоках лаяута...

Как повесить события после смены роута? Или как правильно это делается?