Вопросы должны быть достаточно ясными.

Но я вижу, что кто-то использует:


Кто-то использует:


Но на самом деле в чем разница между ними (если есть)

LorenzoBerti

Ответов: 3

Ответы (3)

Между ними нет никакой разницы, одно - это просто сокращение для второго.

Префикс v- служит визуальной подсказкой для идентификации специфичных для Vue атрибуты в ваших шаблонах. Это полезно, когда вы используете Vue.js применить динамическое поведение к существующей разметке, но может почувствовать подробный для некоторых часто используемых директив. В то же время необходимость в префиксе v- становится менее важной, когда вы создаете SPA, где Vue.js управляет каждым шаблоном.


 

 

Источник: официальная документация.

Они могут немного отличаться от обычного HTML, но: и @ являются допустимыми символами для имен атрибутов, и все браузеры, поддерживающие Vue.js, могут правильно их проанализировать. Кроме того, они не отображаются в окончательной отрисованной разметке. Сокращенный синтаксис не является обязательным, но вы, вероятно, оцените его, когда узнаете больше о его использовании позже.

Источник: официальная документация.

v-bind и v-on - две часто используемые директивы в шаблоне vuejs html. Таким образом, они сделали сокращенное обозначение для них обоих следующим образом:

Вы можете заменить v-on: на @

v-on:click='someFunction'

как:

@click='someFunction'

Другой пример:

v-on:keyup='someKeyUpFunction'

как:

@keyup='someKeyUpFunction'

Аналогично v-bind с :

v-bind:href='var1'

Можно записать как

:href='var1'

Надеюсь, это поможет!

2022 WebDevInsider