vue使用keep-alive

vue使用keep-alive将頁面緩存來達到記住清單位置

當清單頁點進去詳細頁，然後再在詳細頁傳回到清單頁，這時候清單頁又重新渲染了

為了解決這種尴尬以及保留元件狀态或避免重新渲染，我們需要使用keep-alive

APP.vue

<keep-alive>
   <router-view></router-view>
</keep-alive>
           

把router-view用keep-alive包起來，這樣做的話，是所有的元件都緩存了，有些頁面我們不需要緩存，例如新增頁面

activated：keep-alive 元件激活時調用

activated(){
    this.getDeails();
}
           

deactivated：keep-alive 元件停時調用

deactivated () {
    this.$destroy(true)
}