Vue 中 父子传值

父组件

<template>
    <div>
        <Son :sendToSonAttribute = "fromFatherMsg"></Son>
    <div>
</template>

<script>
    export default{
        data(){
            return {
                fromFatherMsg:'我是来自父亲的消息'
            }
        }
    }
</script>    

子组件

<template>
    <div>
        {{sendToSonAttribute}}
    <div>
</template>

<script>
    export default{
        props：{
            sendToSonAttribute:{
                type:'String'
            }
        },
        data(){
            return {
               
            }
        }
    }
</script>   

　　

 主要通过 props 来接受父组件的绑定的值.