<template> <child :child-msg="msg" @ok="event"></child></template><script>import child from './child.vue';export default { data(){  return{   msg:'hello worldgogo'  } }, components:{  child }, methods:{  event(val){    console.log(val);  } }}</script><!-- Add "scoped" attribute to limit CSS to this component only --><style scoped></style>

<template>  <p>{{childMsghello}}</p></template><script>export default {  props: ['childMsg'],  data(){    return{      childMsghello:this.childMsg+'this is child'    }  },  created(){    //自定義事件，并且給監(jiān)聽此事件的回調(diào)函數(shù)的值設(shè)為200    this.$emit('ok','200');  }}</script><!-- Add "scoped" attribute to limit CSS to this component only --><style scoped></style>