vue.js - @click 和 v-on 的区别 :click Vuejs

Question

问题应该足够清楚。

但我可以看到有人使用:

<button @click="function()">press</button>

有人使用:

<button v-on:click="function()">press</button>

但实际上两者之间有什么区别(如果存在的话)

Answer 1

两者没有区别，一个只是第二个的简写。

The v- prefix serves as a visual cue for identifying Vue-specificattributes in your templates. This is useful when you are using Vue.jsto apply dynamic behavior to some existing markup, but can feelverbose for some frequently used directives. At the same time, theneed for the v- prefix becomes less important when you are building anSPA where Vue.js manages every template.

<!-- full syntax -->
<a v-on:click="doSomething"></a>
<!-- shorthand -->
<a @click="doSomething"></a>

来源:official documentation .