vue项目中keep-alive缓存下的初始化数据

最新推荐文章于 2024-01-26 10:20:21 发布

小小小虎笑~

最新推荐文章于 2024-01-26 10:20:21 发布

阅读量651

点赞数

文章标签： vue js 缓存

本文链接：https://blog.csdn.net/lfh_fly/article/details/107048000

版权

vue项目中keep-alive缓存下的初始化数据
最近在写项目过程中遇到一点小坎坷，页面既要运用keep-alive缓存用户输入一半的数据，又要在切换页面后初始化页面中的一部分。既要马儿跑又要马儿不吃草。
当时我感觉这是互相矛盾的事情，后来经过查阅资料了解到了activated这个函数，它类似于vue生命周期的钩子函数，它总是在mounted后执行，但是它不同于生命周期钩子函数的是，一旦一个页面被缓存后再次进入这个页面时，所有的生命周期钩子函数都是不执行的，但是activated可以在存在缓存的页面下当页面切换是依然执行，可以在它里编写一些初始化页面部分的语句。