Vuejs 2 v-on:click.prevent()

Vuejs 2 v-on:click.prevent()

我想知道人们更多地使用这些选项。

1) 在普通(div、跨度等)元素上使用 v-on

<div v-on:click="myFunction" class="cursor-pointer">Click me<div>

这里需要有一个class设置指针光标表示可以点击,也可以增加UX。

1) 在 link 元素上使用 v-on 点我 在这里,不需要有任何classe来设置指针光标。但是,它需要防止模式来停止 link 操作。

那么,这两种方法的最佳实践、优缺点是什么?

归根结底,这并不重要。不过一般来说,您应该在 Vue.js 中编写 HTML dom,就像在没有 Vue.js 的情况下一样。如果某些东西应该是 link 因为它会导致应用程序中的另一个视图,那么 <a> 就有意义了。如果你通常不会使用锚 link 如果它只是一个静态 HTML 页面,那么你最好用 div, span 来写它,或者在这种情况下您的开发人员的直觉决定。

始终尝试编写您的代码,就好像其他人将要查看它一样,在这种情况下,他们会对 <a> 应该做什么有一些期望。