Vue.js道具未在Component中定义

Question

父Q1 [A1, A2] 有一个对象app，正在从服务器正确填充。但messages组件的道具chat-room并非来自父级messages。我错过了什么？

这是我的刀片模板：

messages

这是我的<chat-room></chat-room> <chat-composer v-on:messagesent="addMessage"></chat-composer> 组件：

chat-room

这是我的app.js：

<template>
  <div class="chat-room">
    <chat-message v-for="message in messages" :message="message"></chat-message>
  </div>
</template>

<script>
  export default {
    props : ['messages'],
  }
</script>

Answer 1

您在chat-room组件中看不到邮件的原因是因为您没有将邮件传递给它。

变化：

<chat-room></chat-room>

成为：

<chat-room :messages="messages"></chat-room>

希望这有帮助！