vue.js 실제 데이터를 박아넣기 (import / export)

var apple = 10;

export default apple;

apple.js

 

<script>

import apple from './oneroom.js';
apple;

export default {
  name: 'App',
  data(){
    return {
      모달창열렸니 : false,
      신고수 : [0,0,0],
      products: ['역삼동원룸','천호동원룸','마포구원룸'],
      메뉴들 : ['Home','Shop', 'About'],
    }
  },
  methods : {
    increase(num){
      this.신고수[num] += 1;
    }
  },
  components: {
    
  }
}
</script>

App.vue 

 

2개 이상은 이렇게

 

export default [{
  id : 0,
  title: "Sinrim station 30 meters away",
  image: "https://codingapple1.github.io/vue/room0.jpg",
  content: "18년 신축공사한 남향 원룸 ☀️, 공기청정기 제공",
  price: 340000
  },
  {
  id : 1,
  title: "Changdong Aurora Bedroom(Queen-size)",
  image: "https://codingapple1.github.io/vue/room1.jpg",
  content: "침실만 따로 있는 공용 셰어하우스입니다. 최대 2인 가능",
  price: 450000
  },
  {
  id : 2,
  title: "Geumsan Apartment Flat",
  image: "https://codingapple1.github.io/vue/room2.jpg",
  content: "금산오거리 역세권 아파트입니다. 애완동물 불가능 ?",
  price: 780000
  },
  {
  id : 3,
  title: "Double styled beds Studio Apt",
  image: "https://codingapple1.github.io/vue/room3.jpg",
  content: "무암동인근 2인용 원룸입니다. 전세 전환가능",
  price: 550000
  },
  {
  id : 4,
  title: "MyeongIl Apartment flat",
  image: "https://codingapple1.github.io/vue/room4.jpg",
  content: "탄천동 아파트 월세, 남향, 역 5분거리, 허위매물아님",
  price: 680000
  },
  {
  id : 5,
  title: "Banziha One Room",
  image: "https://codingapple1.github.io/vue/room5.jpg",
  content: "반지하 원룸입니다. 비올 때 물가끔 새는거 빼면 좋아요",
  price: 370000
}];

 

딱히 작명할 필요가 없기도 하다.

 

근데 가져올 때 귀찮을 거 같음..

import data from './oneroom.js';