console
new Vue({
el: "#example_1",
data: {
value: 0
},
methods: {
changeValue() {
this.value += 10
}
}
})
new Vue({
el: "#example_2",
data: {
value: 0,
value_model: 0,
},
methods: {
updateValue(e) {
this.value = e.target.value
}
}
})
<div id="example_1">
<input type="number" v-bind:value="value"/>
<button @click="changeValue">按钮加10</button>
<p>{{ value }}</p>
</div>
<div id="example_2">
<input type="number" :value="value" @input="updateValue" />
<p>{{ value }}</p>
<input type="number" v-model:value="value_model"/>
<p>{{ value_model }}</p>
</div>