keep-alive遇见vue-router
保证组件活着
keep-alive是vue内置的一个组件,可以使被包含的组件保留状态,避免组件重新渲染,频繁创建销毁,router-view也是一个组件,如果直接被包在keep-alive里面,所有路径匹配到的视图组件都会被缓存
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("当前组件不活跃") }
相关推荐
前端小白 2020-07-19
85423468 2020-07-19
bowean 2020-07-05
82344699 2020-07-05
85423468 2020-06-26
ggkuroky 2020-06-17
89711338 2020-06-14
80437700 2020-06-02
85394591 2020-05-31
80437700 2020-05-15
85394591 2020-05-15
80324291 2020-05-11
80437700 2020-05-11
85394591 2020-05-10
85423468 2020-05-05
87133050 2020-04-30
85497718 2020-04-29