vue $emit $on 從子組件傳遞數據給父組件

原理是: 子組件使用$emit發送數據，父組件使用$on,或者v-on綁定， 來監聽子組件發送的數據。

子組件:

<button @click="sendChildData">點擊我將子組件的數據傳遞給父組件</button>
data () {
    return {
        childData: 111
    }
  },
  methods:{
      sendChildData(){
          this.$emit('sendtoFu',this.childData);
      }
  }

父組件:

<子組件 @sendtoFu="getChildData"></子組件>
<div>這是子組件傳遞過來的數據 --->   {{  isMe }} </div>
data() {
    return {
      isMe : ''
    }
  },
  methods:{
    getChildData(data){
      this.isMe = data;
    }
  },