keep-alive

keep-alive是vue内置组件，可以使被包含的组件保留状态，避免重新渲染

router-view也是一个组件，如果之间被包在keep-alive里面，所有路径被匹配到的视图组件都会被缓存

 

 

 

 切换home组件时的created只会被执行一次，destroyed不会被执行，即始终保持组件活跃状态

 

keep-alive的属性

include：只有匹配的组件会被缓存

exclude：任何匹配的组件都不会被缓存（字符串或正则表达式）

?

1 2 3

<keep-alive exclude="About,Profile">       <router-view></router-view> </keep-alive>