Vue初浅谈学之道具的驼峰命名

  

在vue的中文官网有这样的说明:HTML中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用DOM中的模板时,camelCase(驼峰命名法)的道具名需要使用其等价的kebab-case(短横线分隔命名)命名。
  

  

重申一次,如果你使用字符串模板,那么这个限制就不存在的了。
  

  

以以下代码为例:
  

  

1,当组件中模板及支撑等使用驼峰式命名,在html中对应的改成短横线命名方式。

  

浅Vue初谈学之道具的驼峰命名”> </p>
  <p> 2,当组件中模板及支撑等使用字符串模板,在html中改成对应的小写。</p>
  <p> <img src=//提取道具   var propsData=https://www.yisu.com/zixun/extractPropsFromVNodeData(数据、男星标签);      

而,在extractPropsFromVNodeData()中,Vue通过调用内部方法用连字符号连接,把驼峰形式的属性转换为横断线形式。

  

浅Vue初谈学之道具的驼峰命名”> </p>
  <p>除此之外,Vue在initProps (), validateProp()时,都将驼峰形式的属性转换为横断线形式。</p>
  <p>以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。</p><h2 class=Vue初浅谈学之道具的驼峰命名