关于用 v-bind 来动态地将 prop 绑定到父组件的数据，下面代码总是不能动态显示数据?求指导

Question

<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>

Answer 1

子组件不要再次声明了

Answer 2

你把data里面的myMessage去掉就好了...你既然prop里面有了传参，为什么又要在data里面重新赋值为空呢

Answer 3

你既然prop进去了，那么子组件就不要再声明了，楼上说的对。
你这里写法有问题，可以看prop的驼峰式写法，标签中间需要加一个横杠。注意细节啊朋友

Answer 4

哥们，写错了，html是不区分大小写的，要用kebab-case，不能用驼峰~~~

Answer 5

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