title: Custom event in Vuejs2
body: <p>I'm not understanding the Custom Event in Vuejs2. </p>
  
  <p>I have a component named as <code>user-navbar</code> witch contains a dropdown menu, when change I execute this method:</p>
  
  <pre><code>handleCurrentServerChange: function(name, zoneid, currency_name) {
      /* Code omitted */
      this.$emit('server-changed', { serverznid: zoneid });
  },
  </code></pre>
  
  <p>Wich emit an event called <code>server-changed</code> and I want to listen to this event  in another component <code>accounts-linked</code>.</p>
  
  <pre><code> &lt;accounts-linked inline-template :server_data="server_data" @server-changed="handleServer"&gt;
  </code></pre>
  
  <p>When the event is emitted I should call the method <code>handleServer</code>. But isn't working. This is the method: </p>
  
  <pre><code>handleServer: function(value) {
                  alert(value);
  }
  </code></pre>
  
  <p>I got few errors</p>
  
  <pre><code>[Vue warn]: Property or method "handleServer" is not defined on the instance but referenced during render. Make sure to declare reactive data properties in the data option.
  [Vue warn]: Invalid handler for event "server-changed": got undefined
  </code></pre>
  
  <p>What am I doing wrong? </p>