v-model实现数据的双向绑定

Vue.js提供了v-model指令，用于在表单类元素上双向绑定数据，

比如，在数据框上使用时，输入的内容会实时映射到绑定的数据上。 

  
 
输入的内容是：{{message}}

  

对于文本域textarea也是同样的用法：

 
 
输入的内容是：
 
{{text}}
  

 var app1 = new Vue({
     el:'#app1',
     data:{
        text:''
     }
 })

完整代码：

 
  
  
  
  
  
  
 
 
  

  
 
输入的内容是：{{message}}
  
  

 
 
输入的内容是：
 
{{text}}