超级简单vue父组件传值给子组件2

父组件

<template>
    <div id="app">
      <!-- 引入组件 -->
      <TextGroup :myName="myName" ></TextGroup>
    </div>
</template>

<script>
  import TextGroup from './components/Text-Group'
  export default {
    el:'#app',
    data(){
      return{
      myName:'我要找儿子'
      }
    },
    components:{
      TextGroup,
    },
    methods:{
     
      }
  }
</script>

子组件

<template>
    <div v-bind:class="['wrap']">
      <div>{{myName}}</div>
      <div>床前明月光</div>
    </div>
</template>
<script>
export default {
  name: 'Text-Group',
  // props:['myName'],
  props:{
    myName:String,
  }
}
</script>
<style>
.wrap{
  color:blue;
}
</style>