Vue 组件参数传递命名

背景

今天在父子组件传值的时候,父组件的值死活传不到子组件中,断点调试也没有值,后来打开控制台发现警告信息,html 语句中不识别大写字母,再一看,参数是驼峰命名,难不成是这个问题,遂百度之,确实如此,html 中不支持大下写,所以父组件传值的时候,参数名应该用短横线连接

注意

错误示例:

1
<my-component :userName='userName'></my-component>

正确示例:

1
<my-component :user-name='userName'></my-component>
查看评论