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

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

2、Javascript代码

3、Html的页面代码

 
        
      
 
      {{message}} 
     

4、完整的代码

 
 
 
   
     
     
     
     
      .container{ 
 margin-top: 20px; 
      } 
     
     
     
     
   
 
   
 
     
        
      
 
      {{message}} 
     
 
   
 
 

5、效果演示           

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持考高分网。