<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>演示v-on绑定事件</title>
</head>
<body>
    <h1>演示v-on指令处理事件</h1>
   <div id="app">
        {{count}}<br>
        <button v-on:click="countNum">点击计数</button>
        <button v-on:click="sayHi('虾米大王')($event)">打招呼</button>
   </div>

   <script src="../js/vue.js"></script>

   <script>
       let vm = new Vue({
          el:'#app',
           data:{
              count:0
           },
           methods:{
              countNum:function (event) {
                  this.count++;
                  console.log(event);
              },
               sayHi:function (name) {
                   alert("hi" + name);
                   return this.countNum;
               }
           }
       });

       vm.countNum();
   </script>
</body>
</html>