vue props命名为啥使用kebab-case (短横线隔开式) 来命名

vue官方文档：

Prop 的大小写 (camelCase vs kebab-case)

HTML 中的 attribute 名是大小写不敏感的，所以浏览器会把所有大写字符解释为小写字符。这意味着当你使用 DOM 中的模板时，camelCase (驼峰命名法) 的 prop 名需要使用其等价的 kebab-case (短横线分隔命名) 命名：

Vue.component('blog-post', {// 在 JavaScript 中是 camelCase 的props: ['postTitle'],template: '<h3>{{ postTitle }}</h3>'
})

<!-- 在 HTML 中是 kebab-case 的 -->
<blog-post post-title="hello!"></blog-post>
//props中传递的数据可以为驼峰式也可以为短横线式，他们在此处是相互转换的，但推荐短横线式

另外一个例子↓：

<child v-bind:my-message="message"></child>
<!--此处的my-message只能是短横线命名（若为驼峰式则全部转换为小写。）-->
以及推荐emit也遵循这样的法则：
this.$emit('event-name', data);

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

template:'<p>{{myMessage}}</p>'// 此处有限制，是字符串模板，{{ }}语法中不能是短横线连接方式。此处只能是驼峰命名方式。

vue props命名为啥使用kebab-case (短横线隔开式) 来命名相关推荐

Vue props用法详解
父子组件比如我们需要创建两个组件 Test(父组件) 和 Cmpone(子组件),现在我们要实现从Test组件向Cmpone组件传递数据.父组件向子组件传递数据分为两种方式:动态和静态静态prop ...
3分钟了解 vue props type类型
用了很久的vue,有时候总觉得props type类型,总是有点模棱两可,今天来好好的盘盘他 props介绍: 都知道props是用来父给子传值的(单向的),HTML 中的 attribute 名是大 ...
vue——props的两种常用方法
vue--props的两种常用方法 1.实现父-->子的通信举例如下: 父组件 parent.vue <children :channel="object1"> ...
vue实现php传数据,vue+props传递数据怎样实现
这次给大家带来vue+props传递数据怎样实现,vue+props传递数据的注意事项有哪些,下面就是实战案例,一起来看一下. 在 Vue 中,父子组件的关系可以总结为 props向下传递,事件向上传 ...
vue 微信录音倒计时_Vue实现发送短息60秒倒计时
原文:https://blog.csdn.net/weixin_43201015/article/details/84405352 Vue实现注册账号时,发送短信60秒倒计时功能,并进行手机号校验的D ...
vue props type设置多个类型，默认值
vue props type设置多个类型 props: {value: {// vue props type设置多个类型type: Number | null,required: true},arti ...
c语言中函数名可不可以由用户命名,C语言中变量名及函数名的命名规则与驼峰命名法...
在程序设计中,变量名.函数名.数组名等统称为标识符.简单地说,标识符就是一个名字.除库函数的函数名由系统定义外,其余都由用户自定义.C语言规定,标识符只能由字母(a-z,A-Z).数字 (0-9). ...
匈牙利命名法为何被淘汰_为何甲烷的习惯命名法用甲烷而不是一烷？
其实在有机化合物中文翻译早期,是有过用数字命名的阶段的,先上图. 部分有机化合物在不同时期的汉译名对照那么后来为何未采用数字,而使用天干.与商务印书馆和郑贞文个人其实有很大关系. 那么有机物中文命名 ...
中英文标点符号切换的组合键_易混标点符号：一字线（—）、短横线（-）、浪纹线（～）...
前情提要:上次辨析了容易混淆的中英文冒号(:.:).比号(∶)[点此查看],这次继续介绍易混标点符号. 易混标点符号:一字线(-).短横线(-).浪纹线(-) 这三种符号均属于连接号.一字线(-)占一 ...

vue props命名为啥使用kebab-case (短横线隔开式) 来命名

vue官方文档：

vue props命名为啥使用kebab-case (短横线隔开式) 来命名相关推荐

最新文章

热门文章