2019/05/15

Vue.js v-on









See the Pen Vue.js v-on by takapen (@takapen) on CodePen.







カウントアップ {{ count }}

1回しか押せないボタン

{{ count }}









new Vue({
  el:'#app1',
  data:{
    count:0
  },
  methods:{
    countUp: function(){
      this.count++;
    }
  }
});


function iine() {
  alert("iine");
}
new Vue({
  el:'#app2',
  data:{
    isClick:false
  },
  methods:{
    oneClick: function(){
      this.isClick = true;
      iine();
    }
  }
});


new Vue ({
  el:'#app3',
  data:{
    count:0
  },
  methods:{
    countUp:function(num){
      this.count += num;
    }
  }
});