wefront / feb-alive Goto Github PK

当父路由是动态路由时，父子路由的保活好像有些问题。

父路由是动态路由时的保活

如上示例中所看到的：

1. 当进入 /b/{random} 之后，再切换子路由，只会触发子路由的改变，而父路由不会再重新 mounted。
2. 当进入 /b/{random}/sub 的子路由之后，再进入父路由 /b/{random} , 再使用浏览器的返回，返回到 /b/{random}/sub 此时父路由重新 mounted 。

对于场景 2，预期应该是能复用上次路由的结果。

大概 Debug 了一下，父路由通过 Key 复用 大概和这一行有关系。

我理解因为是动态路由，所以通过 key 复用，是会在 patch 阶段被重新挂载的。

在源码 ensureURL 中会会执行以下操作：

目的是使用缓存的 meta 信息。

然而 ensureURL 的执行周期和 beforeEach 并不是完全对等的，在 popState 的时候，会执行 TransitionTo . 从而执行 ensureURL 。

由此引发的问题，当我想要对特定组件支持手势返回。一般思路如下：

1. 将当前路径推入路由，pushState
2. 监听 popState，并绑定关闭组件的事件
3. 等待手势返回。

此时返回， router.beforeEach 并没有执行，因为没有发生路由切换。但是 popState -> transitionTo -> ensureURL ， 而 ensureURL 中的 febRecord 来源其实是 beforeEach，这就导致了两个路由栈的不统一。

所以可以考虑将 ensureURL 所执行的内容改到 afterEach 吗？

虽然功能没问题，但是多次replace跳转之后，会缓存一堆重复的页面实例，造成内存资源浪费；希望作者大佬修复一下这个问题。
截图

路由 /a/b/c --> /a/m/n

根路由

   <feb-alive>
     <router-view />
   </feb-alive>

二级路由

    <feb-alive>
      <router-view /> 
    </feb-alive>

如果/a/b/c路由不需要缓存 全部设置禁止缓存
由于渲染父组件的时候不会走到
https://github.com/wefront/feb-alive/blob/master/src/components/feb-alive.js#L101

那么如果b下边的子路由不包裹<feb-alive>不走render这个判断 可能复用了已缓存的父路由中的c组件导致渲染没有刷新

所以请问是不是全局路由都需要包裹<feb-alive> 否则有可能导致子路由渲染的不是最新的

这个是咋实现的吖，我没有看到 foreceUpdate 的代码，而且这样可能会有问题。

这种每次路由变化都 render 的实现方式，会导致嵌套路由时，不该 render 的 feb-alive 重新缓存了新的 vnode

路由地址是：/community/abur/parentId/409474825232387/type/4
路由配置是：{path: '/community/abur/parentId/:parentId?/type/:type?', name: 'communityAbur', component: communityAbur}

返回调用的是Vue.router.back()， 返回后页面就变成空白的了。
这个页面是公用的，就像省市区一样，点击列表一级一级往下进入。不清楚是不是这个原因。

1. 在tree-ancestor/tree-parent修改count，去到tree-ancestor/tree-parent/tree-son 同样修改状态

2. 回退到tree-ancestor/tree-parent状态未保持

3. 前进到tree-ancestor/tree-parent/tree-son 状态也未保持

代码中直接将 debug 信息暴露在 window 上，首先这不安全。

其次，由于 cache_debug[depth] = this.cache ，cache_debug 持有了组件内部的 cache 变量，当 feb-alive 正常的创建和销毁时，无法正常释放掉变量 cache ，存在内存泄漏的隐患。

  Vue.location.recoverMeta(from, to)

看到 recoverMeta 会修改路由的 meta 信息，但是我理解 meta 和 route 应该是绑定的，并且不应该被修改。为什么在命中某些判断之后去修改 meta 呢？
当多次 replace 同一个路径，是不是会存在潜在的 meta 信息错乱的问题。

这个地方是想写 router 还是 router.route 呢？

而且这个 route 变量也没有被使用到呀? 从这里看，传与不传没有区别呀

只是一个优化建议，并不是提一个bug。

原因：页面缓存并没有保存滚动条位置，对用户体验不友好。

我现在的解决方案：

代码：截图

原理：在页面跳转时存储并设置滚动条位置，将页面中class="_scroll"的滚动条数值存储在this._scroll中；当页面存在多个class="_scroll"时，只会对最后一个生效。

这个是用来配合feb-alive使用的，如果能把滚动条也封装那就更好了；
谢谢作者大佬的feb-alive。

Iframe is inserted in vue, but the iframe page will be reloaded when switching between different pages. Can this be added to the firame framework?