Есть форма, в ней порядка 20 инпутов.
Как мне их добавить в
data
, не прописывая 20 раз подряд
input1: '', input2: ''
?
т.е
new Vue({
el: '#form',
data: {
// как это сократить?
input1: '',
input20: ''
},
beforeMount() { // какой тут хук использовать?
const fields = ['input1', 'input2']
fields.forEach(item => this[item] = '') // я правильно добавляю в this, а не в this.$data?
}
})
Ну и, естественно, чтобы эти св-ва работали с
v-model
и к ним можно было обратиться в шаблоне как
{{input1}} {{input2}}...