keep-alive
如题，它是干嘛的，为什么我写了keepalive以后点击主页的header跳转到搜索页动画效果就正常，不在routerview上包裹这个东西的话点击主页的header跳转到搜索页的动画失效，而在搜索页点击返回到主页的动画是正常的。
30
收起
正在回答 回答被采纳积分+1
3回答
好帮手慕糖
2020-04-25 10:06:50
同学你好，<keep-alive>作用是把组件缓存下来。如果不缓存下来，点击搜索需要加载这个组件，看不到动画效果了。缓存中有这个组件之后，就不需要重新渲染，所以能看到动画效果。
可以参考如下理解：
1、去执行动画时，要根据<transition name="search">先去识别这个动画，也就是说看到了有这个动画才会执行。<transition name="search">是写在search组件中的。 在点击进入时，此时search组件是没有添加到页面，所以没有识别到就看不到动画效果了。
2、而这里就是结合<keep-alive>去让组件缓存下来，这样才会有动画。原理不需要深究，这都是vue封装好的，当前固定记住这种方式需要结合<keep-alive>实现效果就行哦。
祝学习愉快~
相似问题
登录后可查看更多问答，登录/注册
4.Vue与React高级框架开发
- 参与学习 人
- 提交作业 239 份
- 解答问题 10739 个
本阶段带你深入前端开发的肌理，通过ES6基础知识和前端主流高级框架的学习，助你快速构建企业级移动webAPP应用，进入职场的终极battle
了解课程
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星