VUE 入坑系列 一 事件

<div id="app">
  <button v-on:click="counter += 1">加1button>
  <button @click="counter += 1">加2button>
  <button v-on:click="minusOne">减1button>
  <button @click="minus(2,$event)">减2button>
    <p>当前值： {{ counter }} p>
  div>

var vm = new Vue({
  el: "#app",
  data: {
    counter: 0
  },
  methods: {
    minusOne() {
      this.counter--;
    },
    minus(number,event) {
      this.counter = this.counter - number;
    }
  }
});

说明

1） v-是指令

2） v-on是绑定事件，可以简写成@click

3 )  传参数的事件方法

事件修饰器