在线观看不卡亚洲电影_亚洲妓女99综合网_91青青青亚洲娱乐在线观看_日韩无码高清综合久久

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

關(guān)于用 v-bind 來(lái)動(dòng)態(tài)地將 prop 綁定到父組件的數(shù)據(jù),下面代碼總是不能動(dòng)態(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進(jìn)去了,那么子組件就不要再聲明了,樓上說(shuō)的對(duì)。
你這里寫(xiě)法有問(wèn)題,可以看prop的駝峰式寫(xiě)法,標(biāo)簽中間需要加一個(gè)橫杠。注意細(xì)節(jié)啊朋友圖片描述

2017年4月22日 22:39
編輯回答
扯機(jī)薄

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

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

子組件不要再次聲明了

2017年1月14日 13:08