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

来自姬鸿昌的知识库
跳到导航 跳到搜索
(建立内容为“https://www.bilibili.com/video/BV12J411m7MG/?p=17 获取和设置表单元素的值(双向数据绑定)”的新页面)
 
第1行: 第1行:
 
https://www.bilibili.com/video/BV12J411m7MG/?p=17
 
https://www.bilibili.com/video/BV12J411m7MG/?p=17
  
获取和设置表单元素的值(双向数据绑定)
+
获取和设置表单元素的值(双向数据绑定)<syntaxhighlight lang="html">
 +
<div id="app">
 +
    <input type="text" v-model="message"/>
 +
</div>
 +
</syntaxhighlight><syntaxhighlight lang="javascript">
 +
var app = new Vue({
 +
    el:"#app",
 +
    data:{
 +
        message:"hello world"
 +
    }
 +
})
 +
</syntaxhighlight>

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

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"
    }
})