Vue-双向数据绑定指令

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

相关阅读:
java.lang.Exception: No runnable methods
深入理解Python中的面向对象编程（OOP）【第129篇—Scikit-learn的入门】
区块链技术与应用【全国职业院校技能大赛国赛题目解析】第二套区块链系统部署与运维
家政服务小程序，家政系统开发
个人怎么投资伦敦金？
DatenLord前沿技术分享 No.38
The 2021 ICPC Asia Nanjing Regional Contest H. Crystalfly
Shader中需要数学知识
Vue中的自定义指令详解
stm32——hal库学习笔记(ADC)

原文地址：https://blog.csdn.net/Kevin7_35Durant/article/details/139899451