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

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

4、完整的代码

<Meta charset="UTF-8">