vue指令-v-model

最新推荐文章于 2024-09-20 11:00:29 发布

佐杰

最新推荐文章于 2024-09-20 11:00:29 发布

阅读量428

点赞数

分类专栏： vue分享文章标签： vue.js javascript 前端

本文链接：https://blog.csdn.net/OnlyoneFrist/article/details/131970013

版权

vue分享专栏收录该内容

30 篇文章 0 订阅

订阅专栏

vue指令-v-model

- 1、目的
- 2、语法

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>