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" />