56Vue - Props(camelCase vs. kebab-case)

简介: 56Vue - Props(camelCase vs. kebab-case)

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>

再次说明,如果你使用字符串模版,不用在意这些限制。

目录
相关文章
|
1月前
|
JavaScript
Angular使用@Input和@Output实现父子组件互相传参(类似Vue的props和this.emit)
Angular使用@Input和@Output实现父子组件互相传参(类似Vue的props和this.emit)
|
10月前
|
JavaScript
3分钟了解 vue props type类型
3分钟了解 vue props type类型
299 0
|
1月前
|
JavaScript 前端开发 开发者
|
1月前
|
JavaScript 前端开发 安全
Vue3的Props
Vue3的Props
32 0
|
1月前
|
JavaScript
【Vue3】Props的使用详解
【Vue3】Props的使用详解
|
1月前
|
前端开发
React中render Props模式
React中render Props模式
React中render Props模式
|
6月前
|
JavaScript
【Vue】—props属性
【Vue】—props属性
|
8月前
|
JavaScript
60Vue - Props(Prop 验证)
60Vue - Props(Prop 验证)
22 0
|
8月前
57Vue - Props(动态 Props)
57Vue - Props(动态 Props)
37 0
|
10月前
|
JavaScript
Vue 2 中的 Props
从基础到实战,我们一环都不要少!
306 1