“Vue v-model 指令”的版本间的差异

2023年8月9日 (三) 01:27的版本

获取和设置表单元素的值（双向数据绑定）

<div id="app">
    <input type="text" v-model="message"/>
</div>

var app = new Vue({
    el:"#app",
    data:{
        message:"hello world"
    }
})

解析完毕后，两个值会关联起来

什么叫双向绑定呢？

解析后，message 的值会同步到表单元素；当我们更改了表单元素的值之后，Vue 也会把这次的更新同步到 message

一来一回就是两个方向

@@ 第12行： / 第12行： @@
      }
 })
-</syntaxhighlight>
+</syntaxhighlight>解析完毕后，两个值会关联起来
+什么叫双向绑定呢？
+解析后，message 的值会同步到表单元素；当我们更改了表单元素的值之后，Vue 也会把这次的更新同步到 message
+一来一回就是两个方向