组件不接受 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>