vue2: ist es möglich, mehrere Requisiten an die Komponente zu übergeben?

Question

Ich finde keine Dokumentation online oder Beispiele, aber welche ist der richtige Weg, um mehrere Requisiten an die Komponente zu übergeben?

hier, was ich habe versucht:

in HTML

<component:prop1="data1" :prop2="data2"></component> 

in component.js

props: ['prop1','prop2'], 

aber obiusly nicht funktionieren ...

Answer 1

Sie können passen s mehrere Requisiten für solche Komponenten. In Stammkomponente:

<template> 
    <div id="app"> 
    <child-component :propA=propa :propB=propb></child-component2> 
    </div> 
</template> 

<script> 
import ChildComponent from './components/comp2' 
export default { 
    name: 'app', 
    components: { 
    ChildComponent 
    }, 
    data() { 
    return { 
     propa : 65, 
     propb : 'Nitin' 
    } 
    } 
} 
</script> 

<style></style> 

In Kind Komponente:

<template> 
    <div> 
    {{propA}} 
    {{propB}} 
    </div> 
</template> 

<script> 
export default { 
    props: { 
    propA: Number, 
    propB: String 
    } 

} 
</script> 

<style lang="css"> 
</style> 

Referenz - https://vuejs.org/v2/guide/components.html#Prop-Validation Nur in Dokumentation, in der mehrere Requisiten sind da.