Подскажите пожалуйста, каким образом с помощью Vue.js можно задавать атрибуты? Был бы очень благодарен примеру.
Это не сложно, вот пример где атрибут title прикрепляется значение из переменной и где мы задаем тип элемента формы, опять же с помощью vue.js.
<div id="app-1">
<span v-bind:title="message">
Наведи курсор на меня пару секунд,
чтобы увидеть динамически связанное значение title!
<div id="app-2">
<form action="URL">
<input v-bind:type="in_type">
var app1 = new Vue({
el: '#app-1',
data: {
message: 'Вы загрузили эту страницу в: ' new Date().toLocaleString()
}
})
var app2 = new Vue({
el: '#app-2',
data: {
in_type:"checkbox"
}
})
В этом примере в js коде мы создаем две переменные которые будут объектами типа Vue.js, прикрепляем их к определенным блокам используя id первой переменной задаем сообщение которое будет выводится в title, далее при загрузке странице атрибут title будет нам показывать когда была загружена страница, а вторая переменная задает значение элемента формы, значение становится checkbox, так же следует отметить что при использовании v-bind мы не можем затем изменить значение в консоли, так как это хук который вызывается единожды, при загрузке страницы и помещают туда зачастую данные для инициализации страницы.