双向绑定就是视图改变数据或数据改变视图
而在 vue 中想要实现这种效果直接使用 v-model 即可
但是这里不使用 v-model 来实现此效果，具体分析 v-model 的原理
直接上代码
<template>
<div>
<input type="text" @input="inputbtn" :value="value">
</div>
</template>
<script>
export default {
data() {
return {
value : ‘100‘
};
},
methods : {
inputbtn(el){
this.value = el.target.value
}
}
};
</script>
<style scoped>
</style>
原文：https://www.cnblogs.com/wuchi1111/p/15232539.html