保证组件活着
keep-alive是vue内置的一个组件,可以使被包含的组件保留状态,避免组件重新渲染,频繁创建销毁,router-view也是一个组件,如果直接被包在keep-alive里面,所有路径匹配到的视图组件都会被缓存
keep-alive有两个非常重要的属性
include -- 字符串或正则表达,只有匹配的组件才会被缓存
exclude --字符串或正则表达,任何匹配的组件都不会被缓存
<keep-alive exclude="profile,user">
<route-view/>
</keep-alive>
这两个函数只有组件使用了keep-alive时才有效
activated(){
console.log("当前组件活跃")
}
deactivated(){
console.log("当前组件不活跃")
}
免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。