Vue.js props

1. 데이터는 보통 App.vue 등 한 곳에서 관리하고 나머지는 가져다 씀.

2. props 사용법
1) 데이터 보내기

<Modal :data="myData"/>

2) 등록

export default {
    Name: 'Modal',
    props: {
        onerooms: Array, // 틀려도 에러는 안뜨지만 디버깅용으로 타입 써주면 좋음
    },
}

3) 사용

<h4>{{ onerooms[0].title }}</h4>

3. props로 사용할 변수들은 런타임 중 변경되면 안된다.
그래서 변하지 않는 애들만 props로 사용 가능

4. props 보낼 때 직접 자료형도 입력 가능하다.

<Discount :d="Hello World"/>

KorSA