Javascript 组件-从父级获取数据？

我正在学习Vue.js，我不明白为什么

{{{task.body}}

没有显示在屏幕上

我已经创建了

组件，它需要访问来自家长的数据

见：

HTML:

---

问题是您正在从根组件中的数据实例化

组件，但您没有将当前任务传递到

组件中，因此它根本无法访问它

:

首先，您需要将当前的

任务

绑定到

组件的道具（这里我称之为

项

）

<div id="app">
  <tasks v-for="task in tasks" :item="task"></tasks>
</div>

---

顺便说一句：您的代码创建了四个

组件实例，以防万一您想知道-这可能不是您希望代码确切执行的操作。

问题是您正在从根组件中的数据实例化

组件，但是您没有将当前任务传递给

组件，因此它根本无法访问它

:

首先，您需要将当前的

任务

绑定到

组件的道具（这里我称之为

项

）

<div id="app">
  <tasks v-for="task in tasks" :item="task"></tasks>
</div>

顺便说一下：您的代码创建了

组件的四个实例，以防万一您想知道-这可能不是您所期望的代码要做的

<div id="app">
  <tasks v-for="task in tasks" :item="task"></tasks>
</div>

Vue.component('tasks', {
  props: ['item'],
  template: '#tasks-template',
});