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

2019-01-07 Vue 前端之家

前端之家收集整理的这篇文章主要介绍了详解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的页面代码

4、完整的代码