组件不接受camelCase名称

Question

我的问题在于我试图创建一个导航栏组件，一些数据必须从主页面共享到组件，并且花了几个小时研究如何使用组件，我可以找到无处可解释为什么我不能使用camelCase变量名称绑定数据。

任何人都可以向我指出一个资源来向我解释这个，或者更好的是有一种方法可以使用camelCase来绑定数据，这将使我的代码更容易为团队阅读;为我提供更多样化的数据名称。

示例代码：HTML

<navbar-component theme="newux" class="screenOnly" title='projData'
                  titleId='vm.titleData' data='{{vm.project.id}}'>
</navbar-component>

零件

  bindings: {
    theme: "@",
    title:"@",
    titleId:"<",
    data:"@"
  }

Answer 1

当您绑定到驼峰属性时，在通过属性设置时必须使用短划线。例如。：

<navbar-component theme="newux" 
                  class="screenOnly" 
                  title='projData' 
                  title-id='vm.titleData' 
                  data='{{vm.project.id}}'>
</navbar-component>