Vue.jsでVue RouterのURLが異なっていてもcreatedが実行されない

Question

Vue.jsで、中身は同じでVue RouterのURLが異なるときに、createdが実行されません。どのようにすればcreatedを実行させられるでしょうか？回答よろしくお願いします。this.$routerをwatchするという方法も考えましたが、なんだか少し微妙な気がします。

Answer 1

beforeRouteUpdateを使用すると、URLが変更されたときに変更をキャッチすることができます。
詳しくは、ドキュメントを参照してください。
Vue-Router

beforeRouteUpdate (to, from, next) {
    next()
},

Answer 2

これでrouteが変更されるとfunctionが走ります

watch: {
  '$route': function (val) {
    console.log('url変更', val)
  }
}