vuejs3

7.v-on:事件类型，或者键盘字符，键盘码
 加分
   
    减分//绑定点击事件执行jianfen函数
    //绑定enter键放下，v-model绑定数据，实时响应（占用的是同一个空间）
  var app = new Vue({
//        节点的id
        el:'#app',
        data:{
           isLogin:false,
           fenshu:0,
           fenshu2:1
        },
        methods:{
            jiafen:function () {
                this.fenshu++;
            },
            jianfen:function () {
                this.fenshu--;
            },
            onEnter:function () {
                this.fenshu=parseInt(this.fenshu)+parseInt(this.fenshu2);
            }
        }


    })
8.v-model:绑定所以数据，v-model.lazy:独立绑定 ，但是如果它改变不会影响其他值，如果其它改变会影响他的值，v-model.number:只绑定数字，v-model.trim:去掉开始的空格，
减分
   

v-model:

   

v-model.lazy:

   

v-model.number:

   

v-model.trim:

   

---

   

文本域

   
   

多选框

    {{islogin}}
    {{islogin}}
    {{islogin}}
 var app = new Vue({
//        节点的id
        el:'#app',
        data:{
           isLogin:false,
           fenshu:0,
           fenshu2:12345123,
           islogin:1
        },
        methods:{
            jiafen:function () {
                this.fenshu++;
            },
            jianfen:function () {
                this.fenshu--;
            },
            onEnter:function () {
                this.fenshu=parseInt(this.fenshu)+parseInt(this.fenshu2);
            }
        }


    })