鍍金池/ 問答/HTML/ 關(guān)于用 v-bind 來動態(tài)地將 prop 綁定到父組件的數(shù)據(jù),下面代碼總是不能

關(guān)于用 v-bind 來動態(tài)地將 prop 綁定到父組件的數(shù)據(jù),下面代碼總是不能動態(tài)顯示數(shù)據(jù)?求指導(dǎo)

<div id="example">
    <input v-model="parentMsg">
    <br>
    <child :myMessage="parentMsg"></child>
</div>
<script>
    new Vue({
        el:'#example',
        data:{
            parentMsg:''
        },
        components:{
            'child':{
                template:'<div>{{myMessage}}</div>',
                prop:['myMessage'],
                data() {
                    return {
                        myMessage:''
                    }
                }
            }
        }
    })
</script>
回答
編輯回答
下墜

你把data里面的myMessage去掉就好了...你既然prop里面有了傳參,為什么又要在data里面重新賦值為空呢

2017年10月11日 18:43
編輯回答
有你在

1 prop->props
2 注意 HTML中使用kebab-case
3 components里面不用再給myMessage賦值了

2017年4月1日 03:05
編輯回答
蝶戀花

你既然prop進去了,那么子組件就不要再聲明了,樓上說的對。
你這里寫法有問題,可以看prop的駝峰式寫法,標簽中間需要加一個橫杠。注意細節(jié)啊朋友圖片描述

2017年4月22日 22:39
編輯回答
扯機薄

哥們,寫錯了,html是不區(qū)分大小寫的,要用kebab-case,不能用駝峰~~~

2018年7月29日 09:47
編輯回答
墨染殤

子組件不要再次聲明了

2017年1月14日 13:08