vue2.0 method of passing data between parent and child components

The documentation says it very clearly about passing data between parent and child components.

But if people who don’t understand at all cannot understand the plan, the following is a small example with two files

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

&lt;template&gt;
  &lt;p&gt;{{childMsghello}}&lt;/p&gt;
&lt;/template&gt;
&lt;script&gt;
export default {
  props: ['childMsg'],
  data(){
    return{
      childMsghello:+'this is child'
    }
  },
  created(){
    //Customize the event, and set the value of the callback function that listens to this event to 200    this.$emit('ok','200');
  }
}
&lt;/script&gt;
&lt;!-- Add "scoped" attribute to limit CSS to this component only --&gt;
&lt;style scoped&gt;
&lt;/style&gt;

Summarize

The above is the method of passing data between vue2.0 parent-child components introduced by the editor. I hope it will be helpful to everyone. If you have any questions, please leave me a message and the editor will reply to everyone in time. Thank you very much for your support for my website!