:onChange和@change有什么区别吗？Is there any diffrence between :onChange and @change?

[inside5545]

我试了下对一个组件传入:onChange也能触发组件的事件，表面效果好像和@change一样，但是官网没有说明。
I tried that passing :onChange can also trigger an event for a component like @change, but I have no official evidence.

[Deckluhm]

onchange (and other event handlers like onclick, oninput, onload... etc.) are standard HTML so you can use them with Vue and bind any method defined in component with :onchange="doSomething".

As stated in the docs, v-bind is usable on every HTML attributes (and props) so if it's standard HTML, you can bind something to it.

That being said, @change is the recommended way to do it in Vue. It is less verbose for the same result and supports Event Modifiers, Key Modifiers and Mouse Button Modifiers (and I'm pretty sure that it's not the case with onchange and similar native event handlers).

[s3xysteak]

没有区别。

请看 playground。 你可以通过右边的“JS”标签页查看模板编译后的结果，在21行和22行会发现，@change在编译后会变成onChange，作为createElementVNode的第二个参数传递。

你也可以在官方文档的 渲染函数 发现，如果你使用h()或者jsx，那么应该使用on开头的小驼峰命名法作为prop来注册一个监听事件，比如onChange = @change 。