<template>
<date-obj :date="activeDate" @changeData="changeData"/>
</template>
<script>
export default {
name: "App",
props:{
date:String
},
data(){
return {
activeDate:this.date
}
},
methods:{
changeData(date){
this.activeDate=date
}
}
};
</script>
<style>
</style>
date-obj component:
<template>
<div>
//sizin date obj değeriniz
</div>
</template>
<script>
export default {
name: "App",
emits: ['changeData'],
methods:{
updateDate(){
//date update olunca ateşlenecek function
this.$emits('changeData')
}
}
};
</script>
<style>
</style>
Böyle daha temiz olur ama sizin sorduğunuz sorunu çözer mi ki
Ayrıca alt alta ne kadar az props verirseniz verileri kontrol etmeniz o kadar kolay olur. Componentler arası alt alta props verince yönetimi zor oluyor sizde farkettiyseniz.