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

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的页面代码

{{message}}