子組件：
<template>
??<div >
//觸發(fā)事件
????<div>?<button?@click="emitToParent">子組件向父組件傳值</button></div>
??</div>
</template>
<script>
export?default?{
??computed:{
??},
??created(){
??},
??components:{},
??data(){
????return{
data:{
info:'我是子組件像父組件傳的值'
}
????}
??},
??methods:{
??emitToParent(){
//通過this.$emit觸發(fā)子元素綁定的自定義事件私痹，并傳數(shù)據(jù)
? this.$emit('child-event',this.data)
??},
??}
}
</script>
<style?lang=""?scope>
</style>
父組件：
<template>
????<Child @child-event="parentReceive">
????</Child>
</template>
<script>
import Child from?"./components/child";
export?default?{
??components:?{ Child },
??data()?{
????return?{
????};
??},
??methods:?{
//接收數(shù)據(jù)
????parentReceive(data)?{
??????console.log(data);
????},
??}
};
</script>
<style>
</style>
