console
var app = new Vue({
el: '#app',
data: {
items: [1,2,3],
inputValue: '',
radioValue: '',
checkboxValue: ''
},
methods: {
onClick() {
if(this.inputValue) {
this.items.push(this.inputValue)
}
}
}
})
<div id="app">
<div v-for="item in items">{{item}}</div>
<input type="text" v-model="inputValue"/>
<div>{{radioValue}}</div>
<div>{{checkboxValue}}</div>
<input type="radio" name="1" v-model="radioValue" value="1" />
<input type="radio" name="1"v-model="radioValue" value="2" />
<input type="checkbox" v-model="checkboxValue" />
<input type="checkbox" :checked="checkboxValue" />
<button @click="onClick">push</button>
</div>