关于vue父子组件传值问题

/*
*  父组件界面写法
*/
<template>
     <div  id="home">

         <chid  :sendDataToChid="words" 
           :sendSecondData="moreWords"
           @fromSon="fromSon">
         </child>
         <p>{{fromSonData}}</p>

     </div>
</template>
<script>
    import Child from ‘@/components/child.vue‘
    export default {
        name:‘home‘,
        data(){
            return{
                 words:‘从父组件过去的数据哦‘,
                 moreWords:‘多个数据也可以传递哦‘,
                 fromSonData:‘现在啥都没有哦‘,
            }
        },
        methods:{
            //接收从子组件传递过来的数据
            fromSon(data){
                 this.fromSonData = data;
            }
        }
    }
</script>
<style>
/**这里写样式哦**/
</style>

/*
*  子组件界面写法
*/
<template>
    <div  id="child">
         <p>{{sendDataToChid}}</p>
         <p>{{sendSecondData}}</p>
         <button @click="sendDataToFather">
           点击按钮就可以向父组件 传递值了
         </button>
    </div>
</template>

<script>
    export default{
        name:‘child‘,
        props:[‘sendDataToChid‘,‘sendSecondData‘],
        data(){
            return(){
            }
        },
        methods:{
           sendDataToFather(){
              let greetWords = ‘hello world!‘;
              this.$emit(‘fromSon‘,greetWords )
           }
        }
    }
</script>
<style>
/**这里写样式哦**/
</style>