v-model指令
双向数据绑定就是当数据设置给表单元素时,修改这个数据会修改表单元素的值, 修改表单元素的值同样也会修改这个数据
<body>
<div id="app">
<input type="text" v-model="name">
<p>{{name}}</p>
</div>
<script>
const vm={
data(){
return{
name:'hello world'
}
}
}
const app=Vue.createApp(vm)
app.mount('#app')
</script>
</body>
当我们删除这个‘world’时 ,数据同样会发生变化