title: I am using Vue.js 2.0 and I am trying to emit an event from `child component`
body: <p>I am using Vue.js 2.0 and I am trying to emit an event from <code>child component</code> to <code>parent component</code> but it's not working.</p>
  
  <p>You can see my code below:</p>
  
  <p><strong>child component:</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;button @click="confirmSendMessage"&gt;Send&lt;/button&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
    export default {
      methods: {
        confirmSendMessage () {
          this.$emit('confirmed')
        }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p><strong>parent component:</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;ConfirmMessage/&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      import ConfirmMessage from './ConfirmMessage'
      export default {
          events: {
             confirmed() {
                console.log('confirmed')
             }
          },
          components: {
              ConfirmMessage
          }
     }
  &lt;/script&gt;
  </code></pre>
  
  <p>When I click on the button, nothing appears to me on the Chrome console.
  I don't know why. Can anybody help me? I am new on Vue JS.</p>