<template>
<div>
我是子类：{{message}}
<br />
父类传过来的值
{{toSonData.name}}
{{toSonData.value}}
<br />
<button @click="toFatherData">点击此按钮给父类传值</button>
</div>
</template>
<script>
export default {
// props:["toSonData"],//第一种方式
props: {
//第二种方式
toSonData: {
type: String,
default: function() {
return "";
}
}
},
data() {
return {
message: "父类你好",
name:{name:"大哥",age:"18"}
};
},
methods: {
toFatherData() {
this.$emit("toFatherData", this.name);
}
}
};
</script>
