zoukankan      html  css  js  c++  java
  • VUE基础2-双向数据绑定

    双向数据绑定

    当在绑定的标签下有多个标签,多个标签引用变量名,使用v-model修饰就可以实现改变变量值后,其他引用该变量的地方值也发生相应变化

    文本/多行文本

     1 <!--    单行文本-->
     2     <span>input--{{movie}}</span>
     3     <input type="text" v-model="movie">
     4     <input type="button" v-on:click="changMovie" value="修改">
     5 <!--    多行文本-->
     6     <span>textarea--{{content}}</span>
     7     <textarea v-model="content"></textarea>
     8  
     9     var vm=new Vue({
    10         el:'#app',
    11         data:{
    12             movie:"变形金刚",
    13             content:"变形金刚的介绍"
    14  
    15         },
    16         methods:{
    17             changMovie:function () {
    18                 this.movie = '复仇者联盟';
    19                 this.content = '复仇者联盟的介绍'
    20             }
    21         }
    22     })

    单选框

  • 相关阅读:
    《Linux shell编程中 diff与vimdif的使用》RHEL6
    《mysql数据库备份小脚本》
    《linux下sudo服务的使用》RHEL6
    《通过脚本查看哪些ip被占用》shell笔记
    linux系统环境变量.bash_profile/bashrc文件
    清空系统日志shell scripts——自学笔记
    《linux源代码包的编译安装》RHEL6
    《linux 网卡别名的添加和绑定》RHEL6
    《iptables详解 》RHEL6
    转:swagger 入门
  • 原文地址:https://www.cnblogs.com/bugoobird/p/13203798.html
Copyright © 2011-2022 走看看