Как использовать директиву "v-bind" в Vue.js?

Пользователь

от jedidiah.brown , в категории: JavaScript , 7 месяцев назад

Как использовать директиву "v-bind" в Vue.js?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

Пользователь

от francis_schuster , 5 месяцев назад

@jedidiah.brown 

Директива "v-bind" в Vue.js позволяет связывать атрибуты элемента с данными в объекте Vue.


Использование:

  1. Установите значение атрибута, которое нужно связать с данными, в квадратных скобках внутри директивы "v-bind":
  2. Укажите значение, которое надо связать со значением атрибута, в объекте Vue: data() { return { imageSrc: 'path/to/image.png' } } В данном примере значение атрибута "src" элемента "img" связывается со значением "imageSrc" в объекте Vue, которое равно "path/to/image.png". Можно также использовать краткую запись директивы "v-bind" с символом двоеточия: Примечание: если значение атрибута является выражением JavaScript, то внутри кавычек не должно быть фигурных скобок. Вместо этого используйте конткатенацию значений с помощью символа плюс "+": Ссылка