Vue-组件通信

//入口文件 main.js
import ChildrenOne from ‘@/components/component/ChildrenOne‘
Vue.component(‘ChildrenOne‘,ChildrenOne);

//父组件
<template>
  <div class="hello">
    <ChildrenOne :msg="message" />
  </div>
</template>

<script>
  export default {
    name: ‘Index‘,
    data () {
      return {
        message: ‘11111‘
      }
    }
  }
</script>

//子组件
<template>
  <h2>{{msg}}</h2>
</template>

<script>
  export default {
    name: "ChildrenOne",
    props: [‘msg‘]
  }
</script>