双向绑定就是视图改变数据或数据改变视图
而在 vue 中想要实现这种效果直接使用 v-model 即可
但是这里不使用 v-model 来实现此效果，具体分析 v-model 的原理
直接上代码
- 使用 value 属性 和 input 事件 实现 视图与数据之间的绑定
<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>