子组件向父组件传值
子组件:
Toparent(){
this.$emit('refparent',Value1,Value2);
}
父组件:
<searchChild @refparent = 'getDate' ></searchChild>
getDate(Value1,Value2){
}
父组件向子组件传值
子组件:
<template>
<div>{{message.title.text}}组件1</div>
</template>
<script>
export default {
props: {
message: {
type: Object,
required:true
},
},
mounted(){
console.log(this.props)
}
}
</script>
父组件:
<template>
<div>
<Child :message="parentMsg"></Child>
</div>
</template>
<script>
import Child from './Child.vue'
export default{
data(){
return{
parentMsg:{
title:{
text:'123'
},
main:{
text:'456'
}
}
}
},
components:{
Child
},
}
</script>