vue----组件缓存keep-alive

问题:从“面经”点到“详情页”,又点返回,数据重新加载了---->希望回到原来的位置

原因:路由跳转后,组件被销毁了,返回回来组件又被重建了,所以数据重新被加载了

vue----组件缓存keep-alive_第1张图片

vue----组件缓存keep-alive_第2张图片

include也可写在keep-alive标签中

exclude和max一般配套使用

注意:include:组件名数组,表示在组件内部vue----组件缓存keep-alive_第3张图片,如果没有配置name,才会找文件名作为组件名。

被缓存的组件会多两个生命周期钩子

1.actived  激活时,组件被看到时触发

2.deactivated  失活时,离开页面组件看不见触发

你可能感兴趣的:(vue.js,前端,javascript)