Vuejs 2 v-on:click.prevent()

时间:2016-11-07 23:13:45

标签: vue.js vuejs2

我想知道人们正在使用哪些选项。

1)在普通(div,span等)元素上使用v-on

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

在这里,它需要一个类来设置指针光标以指示可以单击它,并且还需要增加UX。

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

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

1 个答案:

答案 0 :(得分:4)

最终,这并不重要。一般来说,您应该在Vue.js中编写HTML dom,就像在没有Vue.js的情况下编写它一样。如果某些内容应该是一个链接,因为它导致您的应用程序中的另一个视图,那么<a>是有道理的。如果你通常不会使用锚链接,如果它只是一个静态HTML页面,那么你最好用divspan或者你的开发者本能所决定的方式来编写它。那种情况。

总是尝试编写代码,好像其他人正在查看代码一样,在这种情况下,他们会对<a>应该做什么有所期待。