Vue+Vue-routerの同名のルートの切替データは更新しない方法です。


デフォルトでは、同じ名前のルート間の切り替えは、コンポーネントが服用できますので、readyにおいてデータを取得しても実行されません。2つの方法で解決できます。
この問題はvue 1だけ存在します。
方法1:データをroute.dataの下に取得します。

route: {
  data({to: {params: { page }}}) {
    return Promise.all([
      this.getApi()
    ]).then(() => {

    })
  }
}
方法2:route.canReuse=falseを設定し、強制的なコンポーネントは多重化しません。

route: {
  canReuse() {
    return false
  }
},
ready() {
  var request = $.ajax({
    type: "POST",
    dataType: 'json',
    url: "api.php"
  });
  request.then((json) => {
    // balabala
  });
}
以上が本文の全部です。皆さんの勉強に役に立つように、私たちを応援してください。