实例事件

在构造器外添加事件$on

<div id="app">
      <p>{{count}}</p>
      <p><button @click="add">add</button></p>
  </div>
  <p><button onclick="reduce()">reduce</button></p>
  <script>
      var app = new Vue({
          el:'#app',
          data:{
              count:1
          },
          methods:{
              add:function(){
                  this.count++
              }
          }
      })
      app.$on('reduce',function(){
          this.count--;
          console.log('构造器外方法被调用')
      })
      function reduce(){
          app.$emit('reduce')
      }
      //当按钮在作用域外用$emit调用

once事件$once

<p><button onclick="reduceOnce()">reduceOnce</button></p>

app.$once('reduceOnce',function(){
         this.count--;
         console.log('只执行一次的方法被调用')
     })
     function reduceOnce(){
         app.$emit('reduceOnce')
     }

off事件$off

<p><button onclick="off()">off</button></p>

function off(){
        app.$off('reduceOnce')
      }