Prop vue usando variável
<template>
<div>
<hl>{{ msg }}</hl>
<contact-details
v-for="contact in contacts"
:key="contact.name"
:name="contact.name"|
:website-address="contact.website"
:address="contact.address"
></contact-details>
E/div
</template>
<script>
export default{
data(){
return{
msg: "Welcome to Vue3 Bangla Tutorial",
contacts:[
name: "Mamunur RIshid",
website: "http://rimonbd.com",
address: "Dhaka, Bangladesh"
{
name: "Rimon",
website: "http://rimoned.com",
address: "Rajshahi, Bangladesh"
},
{
name: "Rashid",
website: "http://radhis.com",
address: "Pabna, Bangladesh"
}
};
},
components:{
ContactDetails
}
};
</script>
Irfan