因為在router-view時候添加了keep-alive
如下:
<keep-alive>
<router-view></router-view>
</keep-alive>
<!--<keep-alive> 包裹動態組件時,會緩存不活動的組件實例,而不是銷毀它們。和 <transition> 相似,<keep-alive> 是一個抽象組件:它自身不會渲染一個 DOM 元素,也不會出現在組件的父組件鏈中。-->
所以 :
keep-alive具有緩存的作用,在組件切換過程中將狀態保留在內存中,防止重復渲染DOM,減少加載時間及性能消耗,提高用戶體驗性
如果要觸發destroyed,不要對該路由進行keep-alive緩存