Vue 10 test - Event Handling

<div id="gi">
  我之前参与做的项目简称gi,这里使用gi作为id
  <div id="example-1">
    <button v-on:click="counter += 1">
      数值: {{counter}}
    </button>
    <br />
    <button v-on:dblclick="greet('这几天一直使用美团送菜,今早上地铁里看到有个妹子也在用叮咚买菜和盒马,看来线上买菜也要货比三家呀',$event)">Greet</button>
  </div>
</div>
不知道为什么,这里点greet,反应比较迟钝

js:

var vm = new Vue({
  el:"#gi",
  data:{
    counter:0,
    name:"刚才一个百度推广的打电话,电话已经被标记为骚扰电话了,打电话的还是个小妹子,看来她们没事打电话的时间还是挺多的啊"
  },
  methods:{
    greet:function(str,e){
      alert(str);//弹弹弹,弹奏鱼尾纹
      console.log(e);
    }
  }
});