v-model其实是底层调用了@input这个方法
<div id="app">
<!-- v-model其实是底层调用了@input这个方法 -->
<h2>{{msg}}</h2>
<input type="text" :value="msg" @input="changeValue"/>
</div>
<script src="vue.js"></script>
<script>
const app = new Vue({
el: '#app',
data() {
return{
msg: "hello world"
}
},
methods: {
//event是获取事件对象
changeValue(event){
//event.target.value获取input值
this.msg = event.target.value
}
}
})
</script>