1. <div id="app">
    2.   <h2>当前计数:{{counter}}</h2>
    3.   <!-- <button v-on:click='counter++'>+</button>
    4.         <button v-on:click='counter--'>-</button> -->
    6.   <button v-on:click='add'>+</button>
    7.   <button @click='jian'>-</button> 
    8. </div>
    9. <script>
    10.   // const aa=20;
    11.   const shuju = new Vue({
    12.     el: '#app',
    13.     data: {
    14.       counter: 0,
    15.       bb:30
    16.     },
    17.     methods:{//定义函数的
    18.       add:function(){
    19.         this.counter++;
    20.         console.log("执行了add",this.bb);//如果在这里this.aa 结果提示未定义
    21.       },
    22.       jian:function(){
    23.         this.counter--;
    24.         console.log("执行了jian");
    25.       }
    26.     },//在vue里面可以定义 N个函数
    27.     zidinyihanshu:function(){
    28.       console.log('自定义函数');
    29.     }
    31.   })