vue camelCase vs PascalCase vs kebab-case 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, 禁止转载 🈲️，侵权必究⚠️！

---