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>
应该做什么有一些期望。
我想知道人们更多地使用这些选项。
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>
应该做什么有一些期望。