HTML 特性不区分大小写。当使用非字符串模版时,prop的名字形式会从 camelCase 转为 kebab-case(短横线隔开):
JS代码:
Vue.component('child', { // camelCase in JavaScript props: ['myMessage'], template: '<span>{{ myMessage }}</span>' })
HTML代码:
<!-- kebab-case in HTML --> <child my-message="hello!"></child>
再次说明,如果你使用字符串模版,不用在意这些限制。