详解Vue.js之视图和数据的双向绑定(v-model)

发布时间：2020-12-17 02:54:40 所属栏目：百科来源：网络整理

导读：1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框，完成视图和数据的双向绑定。 2、JavaScript代码 script type="text/javascript"gt; window.onload = function() { vm = new Vue({ el: '#app',data: { message: 'Hello W

1、使用v-model指令,使得视图和数据实现双向绑定。v-model主要用在表单的input输入框，完成视图和数据的双向绑定。

2、JavaScript代码

<script type="text/javascript"&gt; 
  window.onload = function() { 
     vm = new Vue({ 
      el: '#app',data: { 
        message: 'Hello World',} 

    }); 
  } 
</script> </pre>

3、Html的页面代码

4、完整的代码