vue-routerでページ遷移を毎回検知したい

方法は簡単で、$routeをwatchしてあげれば良いらしい。

<template>
     <router-view></router-view>
</template>

<script>

export default {
  watch: {
    '$route': function (to, from) {
      if (to.path !== from.path) {
        
      }
    }
  }
};
</script>

router-viewを使っているページに記述しておけば、ページ遷移毎に好きな処理を実行させることができる。

もしこの方法がアンチパターンだよって方がいましたら、ぜひコメントしてくださいm(_ _)m