xgqfrms™, xgqfrms® : xgqfrms's offical website of cnblogs! xgqfrms™, xgqfrms® : xgqfrms's offical website of GitHub!

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, 禁止转载 🈲️,侵权必究⚠️!


posted @   xgqfrms  阅读(109)  评论(4编辑  收藏  举报
编辑推荐:
· 浏览器原生「磁吸」效果!Anchor Positioning 锚点定位神器解析
· 没有源码,如何修改代码逻辑?
· 一个奇形怪状的面试题:Bean中的CHM要不要加volatile?
· [.NET]调用本地 Deepseek 模型
· 一个费力不讨好的项目,让我损失了近一半的绩效!
阅读排行:
· PowerShell开发游戏 · 打蜜蜂
· 在鹅厂做java开发是什么体验
· 百万级群聊的设计实践
· WPF到Web的无缝过渡:英雄联盟客户端的OpenSilver迁移实战
· 永远不要相信用户的输入:从 SQL 注入攻防看输入验证的重要性
历史上的今天:
2020-11-25 Lua 从入门到放弃 All In One
2020-11-25 最新中国游戏公司收入排行榜 2020 All In One
2020-11-25 Cocos2d-x & Cocos2d-js(Cocos2d-x for JS)
2020-11-25 shit leetcode edge testcases
2020-11-25 how to remove duplicates of an array by using js reduce function
2018-11-25 Chrome Extension & Dark Theme
2018-11-25 Cocoa & OS X & swift 4
点击右上角即可分享
微信分享提示