vue camelCase vs PascalCase vs kebabcase All In One

vue camelCase vs PascalCase vs kebab-case All In One

vue $emit kebab-case

不同于组件和 prop,事件名不会被用作一个 JavaScript 变量名或 property 名,所以就没有理由使用 camelCase 或 PascalCase 了。
并且 v-on 事件监听器在 DOM 模板中会被自动转换为全小写 (因为 HTML 是大小写不敏感的),所以 v-on:myEvent 将会变成 v-on:myevent——导致 myEvent 不可能被监听到。

因此,我们推荐你始终使用 kebab-case 的事件名。


<my-component v-on:my-event="doSomething"></my-component>

this.$emit('my-event');

https://cn.vuejs.org/v2/guide/components-custom-events.html#事件名

https://v3.cn.vuejs.org/guide/migration/emits-option.html

props validate

https://cn.vuejs.org/v2/guide/components-props.html#Prop-验证

refs



©xgqfrms 2012-2020

www.cnblogs.com/xgqfrms 发布文章使用:只允许注册用户才可以访问!

原创文章,版权所有©️xgqfrms, 禁止转载 ️,侵权必究⚠️!


xgqfrms
原文地址:https://www.cnblogs.com/xgqfrms/p/15601043.html