router-view什么时候加keep-alive

2种情况:

一、 同一个router-view下有多个子组件需要切换时:(同一种组件将被复用,但只能渲染一次)
1.无keep-alive,一旦切换组件,之前旧组件返回的数据消失,之后钩子失效!新、旧组件都无法渲染。
2.有keep-alive,新、旧组件数据都会被缓存,钩子一直有效。

<keep-alive>
    <router-view />
</keep-alive>

二、router-view下只有1个子组件时
1.无keep-alive,(浏览器会自动将返回的数据缓存),钩子一直有效!数据可变。
2.有keep-alive,只最初渲染的一次数据,之后钩子失效!数据不会变。

<router-view name="detail" />
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值