Vue页面级缓存方案feb-alive具体实施步骤详解？

本文共计2089个文字，预计阅读时间需要9分钟。

获取feb-alive GitHub地址及体验链接，Vue页面级缓存解决方案。分析feb-alive实现原理，希望对以下基础知识有一定了解：keep-alive原理、history API、Vue渲染原理、Vue虚拟DOM原理。

feb-alive

github地址
体验链接

Vue页面级缓存解决方案feb-alive (上)

在剖析feb-alive实现之前，希望大家对以下基本知识有一定的了解。

• keep-alive实现原理
• history api
• vue渲染原理
• vue虚拟dom原理

feb-alive与keep-alive差异性

1. 针对activated钩子差异性

keep-alive配合vue-router在动态路由切换的情况下不会触发activated钩子，因为切换的时候组件没有变化，所以只能通过beforeRouteUpdate钩子或者监听$route来实现数据更新，而feb-alive在动态路由切换时，依然会触发activated钩子，所以用户可以放心的将业务更新逻辑写在activated钩子，不必关心动态路由还是非动态路由的情况。