码迷,mamicode.com
首页 > 其他好文 > 详细

keep-alive遇见vue-router

时间:2020-01-05 22:47:10      阅读:150      评论:0      收藏:0      [点我收藏+]

标签:exclude   live   activate   OLE   所有路径   状态   视图   路径   ali   

保证组件活着
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("当前组件不活跃")
}

keep-alive遇见vue-router

标签:exclude   live   activate   OLE   所有路径   状态   视图   路径   ali   

原文地址:https://blog.51cto.com/13550695/2464461

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!