Vuejs 2 v-on:click.prevent()

Я хотел бы знать, что эти варианты люди используют больше.

1) Использование v-on для обычного (div, span и т.д.) элемента

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

Здесь требуется, чтобы класс устанавливал курсор указателя, чтобы указать, что его можно щелкнуть, а также для увеличения UX.

1) Использование v-on для элемента ссылки Click me Here, не нужно иметь какой-либо класс для настройки курсора указателя. Однако для остановки действия ссылки требуется режим предотвращения.

Итак, какова наилучшая практика, преимущества и недостатки этих двух подходов?


vue.js vuejs2
person Tiago Matos    schedule 07.11.2016    source источник

Ответы (1)


arrow_upward
4
arrow_downward

В конце концов, это не имеет большого значения. Вообще говоря, вы должны писать свой HTML-дом на Vue.js так же, как и без Vue.js. Если что-то должно быть ссылкой, потому что оно ведет к другому представлению в вашем приложении, то <a> имеет смысл. Если бы вы обычно не использовали якорную ссылку, если бы это была просто статическая HTML-страница, то вам, вероятно, лучше написать ее с помощью div, span или чего-то еще, что решит в этом случае ваше чутье разработчика.

Всегда старайтесь писать свой код так, как будто кто-то другой будет смотреть на него, и в этом случае у него будут некоторые ожидания относительно того, что должен делать <a>.

person K3TH3R    schedule 08.11.2016
comment
Спасибо! Имеет смысл, если ссылка должна вести пользователя на другую страницу. Например, действие для открытия и закрытия панелей может быть просто div или span или чем-то еще. - person Tiago Matos; 09.11.2016