单向数据流：当父级异步更新prop时，子组件不会更新

Question

  

所有道具形成了儿童财产和之间的单向向下绑定   父级：当父属性更新时，它将向下流动到   孩子，但不是相反。这可以防止孩子   组件意外地改变了父母的状态，这可以   使您的应用程序的数据流更难以推理。另外，每一个   更新父组件的时间，子组件中的所有道具   将使用最新值刷新。 - One-Way Data Flow

Vue2 Component Docs建议执行以下操作以将道具用作初始值：

// via https://vuejs.org/v2/guide/components.html#One-Way-Data-Flow
props: ['initialCounter'],
data: function () {
  return { counter: this.initialCounter }
}

因此，在我的代码中，我模仿了这些说明here。 但是，即使根据vue-devtools接收到prop值，Note.vue中的data（）也不会被更新。

Haven未成功使用mounted或created生命周期方法设置值。

当我使用静态数据时，这似乎工作正常，如何确保子组件在来自远程源时对接收道具做出反应？

Answer 1

当你传递initialNote作为初始值的prop时，我看到initialNote方法中异步填充了getNote，所以当组件将是最初时它不会出现安装。在初始化已经发生的一段时间之后，它将被填充。

在PKCS 11中给出的示例中，initialCounter是静态值，它将是完美的，因为它从头开始具有相同的值。