<template>
<div id="index">
<h1>this is index</h1>
<my-header @sendMessage='getMessage'></my-header>
</div>
</template>
<script>
import myHeader from './header'
export default{
components:{
myHeader
},
data(){
return {
}
},
methods:{
getMessage(data){
console.log(data);
}
}
}
</script>
<template>
<div id='header'>
<h1>this is header</h1>
<button @click='sendToParent'>触发</button>
</div>
</template>
<script>
export default{
data(){
return {
msg:'this is header'
}
},
methods:{
sendToParent(){
console.log("触发父级方法");
this.$emit('sendMessage',this.msg);
}
}
}
</script>