Vue.js 구성 요소에 데이터 전달

Question

구성 요소를 만들고 있는데 두 개의 속성 (항목 & 중개인 ID)을 구성 요소에 전달하려고합니다. 여기에 HTML 코드입니다 : 여기

{{brokerageID}} 
<holiday-component v-bind:item="item" v-bind:brokerageID="brokerageID" testID="45" ></holiday-component> 

가 '항목을'속성은 구성 요소에 전달지고

Vue.component('holiday-component', { 
props: ['item', 
     'brokerageID', 
     'testID', 
    ], 


data() { 
    return { 
    holidaysData: [], 
    showHolidays: false, 
} 
},  

methods: { 
    getHolidays(contactID) { 

    .... 
}, 

template: <div> {{testID}} {{item.contactName}} {{brokerageID}} 
.... 

'휴가 구성 요소'에 대한 코드입니다 (item.contactName가 올바르게 표시됩니다 그런데 어떻게 든 brokerageID (Vue 객체의 속성)가 전달되지 않습니다.이 속성은 HTML에서 값 위에 표시되는 {{brokerageID}}가 확인 된 것으로 존재하지만, 구성 요소 템플릿 내에서 brokerageID는 또한 구성 요소에 전달 된 testID 속성은 표시되지 않습니다.

내 구현에서 brockageID를 구성 요소에 사용할 수 없다는 점에 대해 조언을 구할 수 있습니까? 중개-ID와 V-바인딩 : 테스트 ID가 트릭을 할해야한다 V-바인딩을 사용하여이 예에서 https://vuejs.org/v2/guide/components.html#camelCase-vs-kebab-case

명명 소품에 대한

Answer 1

페이지 뷰의 문서.