vue指令-v-model

1、目的

value属性和vue数据变量，双向绑定到一起

2、语法

v-model = “Vue数据变量”
双向绑定
变量变化==>视图同步
视图变化==>变量自动同步

示例

<template>
  <div id="app">
   <div>
    <span>用户名：</span>
    <!--v-model双向数据绑定 
      value属性-vue变量
    -->
    <input type="text" v-model="username"><br>
    <span>密码：</span>
    <input type="password" v-model="pass">
   </div>
    
  </div>
  
</template>

<script>


export default {
  data(){
    return{
      username:"",
      pass:""
    }
    
  },
  
  
  
  
}
</script>