keep-alive遇见vue-router

保证组件活着
keep-alive是vue内置的一个组件,可以使被包含的组件保留状态,避免组件重新渲染,频繁创建销毁,router-view也是一个组件,如果直接被包在keep-alive里面,所有路径匹配到的视图组件都会被缓存

成都创新互联专注于企业全网营销推广、网站重做改版、南皮网站定制设计、自适应品牌网站建设、H5高端网站建设成都做商城网站、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务,价格优惠性价比高,为南皮等各大城市提供网站开发制作服务。

keep-alive有两个非常重要的属性
include -- 字符串或正则表达,只有匹配的组件才会被缓存
exclude --字符串或正则表达,任何匹配的组件都不会被缓存


        

这两个函数只有组件使用了keep-alive时才有效

activated(){
   console.log("当前组件活跃")
}
deactivated(){
   console.log("当前组件不活跃")
}

分享名称:keep-alive遇见vue-router
本文路径:http://pwwzsj.com/article/pihcjj.html