keep-alive
keep-alive是vue内置组件,可以使被包含的组件保留状态,避免重新渲染
router-view也是一个组件,如果之间被包在keep-alive里面,所有路径被匹配到的视图组件都会被缓存
切换home组件时的created只会被执行一次,destroyed不会被执行,即始终保持组件活跃状态
keep-alive的属性
include:只有匹配的组件会被缓存
exclude:任何匹配的组件都不会被缓存(字符串或正则表达式)
<keep-alive exclude="About,Profile"> <router-view></router-view> </keep-alive>