事件
原生js阻止冒泡和默认行为
在用户名逐个删除低效时,点击delete清空
在输入完密码时,点击回车提交表单。
双向绑定
用v-bind和v-on实现v-model
v-model的底层:
<input type=“text” :value=“res” @input=‘res=$event.target.value’>
<body>
<div id="app">
<h1>{{res}}</h1>
<!-- <input type="text" name="" id="" value="" v-model='res'> -->
<input type="text" :value="res" @input='handle'>
</div>
<script src="./js/vue.js"></script>
<script>
const vm = new Vue({
el: '#app',
data: {
res: 'hello'
},
methods: {
handle(event) {
this.res = event.target.value;
}
}
})
</script>
</body>