Роман Серцов

Может быть коллизия из-за того, что у тебя у момент открытия меню, под твоим хавером появляется саб меню, задача стоит сделать это на jquery? Это весьма просто можно заэвейдить с помощью css. Но в любом случае, в нынешнем коде ты используешь много ванильных функций для добавления классов в jquery есть toggleClass, addClass, removeClass и все манипуляции с открытием саб меню должны следовать от родителя

Ниже пример гварда роутов с firebase:

router.beforeEach((to, from, next)=>{
  const currentUser = firebase.auth().currentUser;
  const requireAuth = to.matched.some(record => record.meta.auth);
  if(requireAuth && !currentUser){
    next({name:'signIn'})
  }else{
    next();
  }
});

requireAuth - meta свойство в каждом роуте, которое показывает нужна ли авторизация для получения доступа к роуту.

Создай кастомную директиву, в которой забинди функцию которая принимает директива к объекту на который ты директиву будешь вешать, потом, получаешь scrollTop, ну и от этого пляшешь.
По созданию директивы можешь обратиться к документации vue, там изложен простой пример.