关于Vue中 v-on事件绑定命名大写问题

Vue中 v-on 和 v-bind 中不建议使用 camelCase 或 PascalCase 命名方式

首先补充下基础知识:HTML是不区分大小写的。而JS区分。所以一般情况下,JS的大小写变量放到HTML中,会将大写改成小写,并在前面添加短杠。

事件名首先不存在 任何自动转化大小写的能力,因此所触发的事件名称必须与监听的名称 完全匹配

假如你想触发一个事件

this.$emit('myCase')

则监听 myCase 名字的 my-case 会无效

因此是不同于组件和prop的。。。。。
所以我们事件命名时候不要使用 camelCase 和 PascalCase 来命名了,因为就算你使用该命名,在DOM模板中还是会被自动转化为全小写,如
会被自动转换为

你可能感兴趣的:(前端,Vue,问题解决,Vue,命名,Vue大小写命名,v-on命名,事件绑定命名)