时间:2021-05-18
在vue的中文官网有这样的说明:HTML 中的特性名是大小写不敏感的,所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时,camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名。
重申一次,如果你使用字符串模板,那么这个限制就不存在了。
以以下代码为例:
1、当组件中template及props等使用驼峰式命名,在html中对应的改成短横线命名方式。
2、当组件中template及props等使用字符串模板,在html中改成对应的小写。
源码说明:
在Vue的源码中创建Vue组件的时候createComponent(),解析组件的相关属性
而,在extractPropsFromVNodeData()中,Vue通过调用内部方法hyphenate,把驼峰形式的属性转换为横断线形式。
除此之外,Vue在initProps(),validateProp()时,都将驼峰形式的属性转换为横断线形式。
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
1、props通信注意:DOM模板的驼峰命名props要转为短横分割命名。VueVue.component('my-component',{template:'
局组件和局部组件1.先定义组件Vue.component('组件名',{组件模板对象})注意:组件名不要使用原生的标签名,若组件名定义时用的是驼峰命名法,则调用
前言平时写vue的时候知道props有很多种用法,今天我们来看看vue内部是怎么处理props中那么多的用法的。vue提供的props的用法1.数组形式prop
如果在prop中传的值为一个没有使用特殊命名规则的变量如:(type),可以顺利传值:Vue.component("test",{props:['type'],
本文介绍了vue中component组件的props使用详解,分享给大家,具体如下:props使用方法Vue.component('my-component',