<script src="./js/vue.js"></script>
<script src="./js/vue.min.js"></script>
<div id="app">
<!-- <input type="text" v-bind:value="message" v-on:input="valueChange"/> -->
<input type="text" v-bind:value="message" v-on:input="message = $event.target.value"/>
<h2>您输入的值是:{{message}}</h2>
</div>
<script>
const app = new Vue({
el:"#app",
data:{
message:'你好qq啊',
isShow:false
},
methods:{
valueChange(event){
this.message = event.target.value;
}
}
})
</script>
v-model 双向绑定的原理
最新推荐文章于 2024-04-03 16:05:44 发布