vue親子コンポーネント伝達パラメータ

親コンポーネントコードは次のように表示されます.

 

  import child from './Child'
 
export default {
  data () {
    return {
      parentMsg:'hello'
    }
  },
  components : {
    child
  },
  methods:{
    showMsgFromChild:function (data) {
      console.log(data);
    }
  }
}

 

サブアセンブリコードは次のように表示されます.

 

export default {
  props : ["message"],
  data () {
    return {
 
    }
  },
  methods:{
    sendMsgToParent:function () {
      this.$emit("listenToChildEvent","    ")
    }
  }
}