keep-alive【Vue面试题】

作者: 前端小野2分类: 野生技能协会 发布时间: 2021-04-02 09:00:08 浏览:11797 次

keep-alive【Vue面试题】

_不如意事常八九:
[思考]那假设切换组件时需要数据请求呢?缓存的组件应该不会重新请求了吧

【回复】所以在使用 keep-alive 的时候,Vue 会给你额外提供两个钩子,activated 和 deactivated
【回复】所以要请求数据的话可以放在 activated 中~
【回复】你说的对,不会重新请求了,因为mounted钩子不会再执行~
春风入夏灌秋冬:
keep a live有bug。被缓存的页面再次点进去永远都是被缓存的那一刻。手动取消缓存后,下一次缓存还是第一次缓存时的界面。

1322css:
已经解决了..v-if非要用v-else-if , 谢谢视频很好

maskerk:
display: none与visibility: hidden相比,特点不就是不渲染吗?为什么你视频中说v-show的display: none全部渲染了

【回复】v-show当然渲染啊 只是通过display样式控制显示与隐藏
【回复】回复 @萌面蜘蛛侠 :视频中把渲染和挂载混淆了吧。mounted时候确实挂载了,但是因为组件内部的节点没在渲染树上,所以没有渲染。即:mounted != 组件内元素渲染
【回复】回复 @萌面蜘蛛侠 :display: none时候,渲染树上就没有这个元素啦
罗密欧与猪过夜911:
<Component :is= /> 的外面能套keep-align吗

bili_24789449779:
缓存了vnode及状态,渲染还是会重新渲染的,节约了vnode重新构建,保留了当前状态

Shinhonn:
老师,为什么我component使用了 keep alive(一个列表页),然后我进入详情页再回退的时候,不会停留在之前的页码?

知识分享官 编程 经验分享 WEB JAVASCRIPT JS 前端 VUE WEB前端 打卡挑战

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!