props 전송 안됩니다

[최준일]

// App.vue

<template>

  <Card :oneroom="onerooms[0]" />
</template>

<script>
import data from "./oneroom";
import Discount from "./Discount.vue";
import Modal from "./modal.vue";
import Card from "./Card.vue";

export default {
  name: "App",
  data() {
    return {
      detail: 0,
      onerooms: data,
      openModal: false,
      report: [0, 0, 0],
      menus: ["Home", "Shop", "About"],
    };
  },

  components: {
    Discount: Discount,
    Modal: Modal,
    Card: Card,
  },
};
</script>

// Card.vue

<template>
  <div>
    
    <h4>{{ a.title }} 원룸</h4>
    <p>{{ a.price }} 원</p>
  </div>
</template>

<script>
export default {
  name: "Ca-rd",
  props: {
    oneroom: Object,
  },
};
</script>

<style></style>

이미지 표시가 안뜨는데 뭐가 문제일까요?

[codingapple]

Card.vue 안에서 <div>{{oneroom}}</div> 잘나오나 써봅시다

[글쓴이]

글