小编典典

@click 和 v-on 的区别:点击 Vuejs

all

问题应该足够清楚。

但我可以看到有人使用:

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

有人使用:

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

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


阅读 70

收藏
2022-06-07

共1个答案

小编典典

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

v- 前缀用作标识模板中特定于 Vue 的属性的视觉提示。当您使用 Vue.js
将动态行为应用于某些现有标记时,这很有用,但对于某些常用指令可能会感到冗长。同时,当您构建一个由 Vue.js 管理每个模板的 SPA 时,对 v-
前缀的需求变得不那么重要了。

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

来源:官方文档

2022-06-07