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

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

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

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

假如你想触发一个事件

this.$emit('myCase')

<div @my-case="fly"></div>

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

因此是不同于组件和prop的。。。。。
所以我们事件命名时候不要使用 camelCase 和 PascalCase 来命名了，因为就算你使用该命名，在DOM模板中还是会被自动转化为全小写，如 <input type="text" v-on:keyup.F2=113>
会被自动转换为<input type="text" v-on:keyup.f2=113>