VUE中父组件向子组件传值,子组件中获取props中的属性值为undefined

#最近新学习vue的开发,开发中遇到一个这样的问题,我这里简单写一个demo为大家说明下,希望能帮助到有一些同学

这里是我重新写的demo,能最直观的看到现象




    
    
    Document
    


    

VUE中父组件向子组件传值,子组件中获取props中的属性值为undefined_第1张图片

如上,定义一个子组件想引用vue实例中的data 属性,在做属性绑定的时候使用了驼峰,结果拿不到值,我这个使用的是线上的版本利用vue-devtools 发现props中的dataMsg为undefined,这个时候的改为datamsg就正确了




    
    
    Document
    


    

VUE中父组件向子组件传值,子组件中获取props中的属性值为undefined_第2张图片

这里说明vue版本为2.6.11中出现不能使用驼峰 命名父子组件间传递属性,但是之前的版本没测试是否可行

你可能感兴趣的:(VUE中父组件向子组件传值,子组件中获取props中的属性值为undefined)