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’时 ,数据同样会发生变化