Vue.js 提供的处理函数和表达式都是绑定在 ViewModel 上的，组件的每一个事件都应该按照一个好的命名规范来，这样可以避免不少的开发问题，具体可见如下 为什么。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#为什么-6)为什么？ * 开发者可以随意给事件命名，即使是原生事件的名字，这样会带来迷惑性。 * 过于宽松的事件命名可能与 [DOM 模板不兼容](https://vuejs.org/v2/guide/components.html#DOM-Template-Parsing-Caveats)。 ### [](https://github.com/pablohpsilva/vuejs-component-style-guide/blob/master/README-CN.md#怎么做-6)怎么做？ * 事件名也使用连字符命名。 * 一个事件的名字对应组件外的一组意义操作，**加上前缀on-**，如： on-upload-success、on-upload-error 、on- dropzone-upload-success、on-dropzone-upload-error * 事件命名应该以动词（如 client-api-load） 或是 名词（如 drive-upload-success）结尾。（[出处](https://github.com/GoogleWebComponents/style-guide#events)）