vue-routerでコンポーネントを再利用させないようにするなら「:key="$route.fullPath"」が使える
やりたいこと
vue-routerだと同じルーティングに当てはまるものは再利用されるようにできている。beforeRouteUpdate()を使えばそれをhookできるが状態の管理やnext()を呼び出し忘れを気にしないといけないなど効率化の反面バグを産みやすいと思う。そこで新しいコンポーネントを作れるようにしたい。 やりかた
以下のようにすればkey="$route.fullPath"を足せばよい。
code:vue
<router-view :key="$route.fullPath"></router-view>