Vue 路由切換時頁面內容刷新頁面並更新數據

第二次進入頁面，頁面路由參數已經改變，但是頁面內容不會刷新

<keep-alive>是Vue的內置組件，能在組件切換過程中將狀態保留在內存中，防止重復渲染DOM

<keep-alive> 包裹動態組件時，會緩存不活動的組件實例，而不是銷毀它們。和 <transition> 相似，<keep-alive> 是一個抽象組件：它自身不會渲染一個 DOM 元素，也不會出現在父組件鏈中。

app.vue

<template>
  <div id="app">
    <keep-alive>
      <router-view></router-view>
    </keep-alive>
  </div>
</template>
<script>

//使用Vue組件切換過程鈎子activated(keep-alive組件激活時調用)，而不是掛載鈎子mounted
export default {

　　// ...

　　activated: function() {

　　　　this.getCase()

　　}

　}

</script>