vue2.0父子组件以及非父子组件如何通信

父：

<template>  <div id="app">    <mheader :childMsg="msg"></mheader>  </div></template><script>import mheader from './header.vue'export default {  data(){    return{      msg:'李四'    }  },  components: {    mheader  }}</script>

子：

<template>  <div>    {{childMsg}}  </div></template><script> export default {     data(){         return{}     },     props:['childMsg']}</script>