vue(4)v-model input双向绑定
1.将上一届的App.vue文件改为下面的代码:
<template>
<div>
{{msg}}
<input type="text" v-model="msg">//这里写了一个input框, v-model="msg"的意思是将input框中输入的值双向绑定到msg属性上,当我们在页面的input框输入的时候msg会实时改变为输入的值,同样当我们在代码中改变msg的值的时候,input框中的值也会变为msg的值
</div>
</template>
<script>
export default {
name:"App",
data:function(){
return {msg:'this is a test'}
}
}
</script>
<style scoped>
</style>