2种情况:
一、 同一个router-view下有多个子组件需要切换时:(同一种组件将被复用,但只能渲染一次)
1.无keep-alive,一旦切换组件,之前旧组件返回的数据消失,之后钩子失效!新、旧组件都无法渲染。
2.有keep-alive,新、旧组件数据都会被缓存,钩子一直有效。
<keep-alive>
<router-view />
</keep-alive>
二、router-view下只有1个子组件时:
1.无keep-alive,(浏览器会自动将返回的数据缓存),钩子一直有效!数据可变。
2.有keep-alive,只最初渲染的一次数据,之后钩子失效!数据不会变。
<router-view name="detail" />