返回列表 发帖

#处理响应性

在上面的例子中,如果我们更改了 todos 的列表,这个更改将不会反映在注入的 todoLength property 中。这是因为默认情况下,provide/inject 绑定不是被动绑定。我们可以通过将 ref property 或 reactive 对象传递给 provide 来更改此行为。在我们的例子中,如果我们想对祖先组件中的更改做出反应,我们需要为我们提供的 todoLength 分配一个组合式 API computed property:

app.component('todo-list', {
  // ...
  provide() {
    return {
      todoLength: Vue.computed(() => this.todos.length)
    }
  }
})
在这种情况下,对 todos.length 将正确反映在组件中,其中“todoLength”被注入。在组合式 API 部分中阅读关于 reactive provide/inject 的更多信息。

以上内容是否对您有帮助:

返回列表