Vue v-model 指令

来自姬鸿昌的知识库
Jihongchang讨论 | 贡献2023年8月9日 (三) 01:27的版本
跳到导航 跳到搜索

https://www.bilibili.com/video/BV12J411m7MG/?p=17

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

<div id="app">
    <input type="text" v-model="message"/>
</div>
var app = new Vue({
    el:"#app",
    data:{
        message:"hello world"
    }
})

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

什么叫双向绑定呢?

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

一来一回就是两个方向