v-on是对事件进行绑定
    在对v-on指令对事件进行绑定的时候，需要在标签上指明 v-on:event(click,mousedown,mouseup)

    1. <!DOCTYPE html>
    2. <html>
    3.     <head>
    4.         <meta charset="utf-8">
    5.         <title></title>
    6.     </head>
    8.     <body>
    9.         <script type="text/javascript" src="https://unpkg.com/vue/dist/vue.js"></script>
    11.         <div id="app">
    12.             <p> 试一下v-on:click </p>
    13.             <button type="button"  v-on:click="myfunc">点我</button>
    15.         </div>
    17.         <script >
    18.             var vm = new Vue ({
    19.                 el: "#app",
    20.                 data :{
    21.                     message: "我是data里面的message",
    22.                 },
    23.                 methods:{
    24.                     myfunc(){
    25.                         alert("点你妹啊点")
    26.                     }
    27.                 }
    28.             })
    29.         </script>
    31.     </body>
    32. </html>

    注意：
    v-on:click=“myfunc”可以这样写
    v-on:click=“myfunc()” 可以这样写

    V-on:click 可以简写为 @click

    所以以上可以改为：