Видел что в вычисляемых свойствах используют getter, подскажите кто шарит, можно ли там использовать так же setter, и будет ли изменяться свойство в data при изменении его в set?
Обычно вычисляемые свойства работают только на чтение, но если добавить set тогда можно будет и заполнять значения, вот пример:
var viewModel = new Vue({
el: '#app',
data: {
firstName: '',
lastName:'',
},
computed: {
fullName: {
get: function () {
return this.firstName ' ' this.lastName
},
set: function (inputvalue) {
var names = inputvalue.split(' ')
this.firstName = names[0]
this.lastName = names[names.length - 1]
}
}
}
})
Создаем Vue экземпляр, по id привязываем его к определенному блоку html кода, создаем два поля, имя и фамилия, и создаем вычисляемое свойство с get и set, get будет возвращать нам скрепленное значение двух свойств, в set, в случае передачи строки с полным именем просто разобьет нам её по пробелам, то есть если передать туда имя и фамилию, значения разбиваются, закладываются в свойства в data и отображаются перемены на экране.
<div id="app">
<input type="text" v-model.lazy="fullName">
<button @click="fullName='Александр Александров Александрович'">Показать имя и фамилию
{{firstName}}
{{lastName}}
{{fullName}}
Это html участок с наглядной демонстрацией всех изменений, если нажать на кнопку то передастся дефолтное значение, или же можно вписать свое значение в инпут, как увидите после, все разбивается в set и задаются значения пустым свойствам.