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