Vue保持活动嵌套组件

Question

我有一个父Vue组件，在其中有一个子组件。父组件包装在“保持活动”标签中。

当没有为keep-alive提供的include时，两个组件的状态都将保留（导航时组件不会被破坏）：

<keep-alive>
  <parent>
    <child/>
  </parent>
</keep-alive>

如果我将include添加到每个单独的组件中，则keep-alive也会起作用：

<keep-alive include="parent">
  <parent/>
</keep-alive>
<keep-alive include="child">
  <child/>
</keep-alive>

但是当我将include添加到嵌套组件时，它将不再起作用：

<keep-alive include="parent, child">
  <parent>
    <child/>
  </parent>
</keep-alive

这是一个小提琴： https://jsfiddle.net/203sbk8n/1/