title: Add click event
body: <p>I wanna ask about click event in Vue.
  I have a span contain div and button. When I click on the button (thisButton) it works well, but the span (thisMask) doesn't seem to work when it clicked. I also add emit event and when I clicked on thisButton it also trigger emit event thisMaskClicked. But the console.log just return which thisButton has. Did I miss something?</p>
  <pre><code>&lt;span class=&quot;this_mask&quot; @click=&quot;thisMask&quot;&gt;
    &lt;div class=&quot;this__wrap&quot;&gt;
      &lt;div class=&quot;this__text&quot;&gt;
        &lt;button class=&quot;this__button&quot; @click=&quot;thisButton&quot;&gt;&lt;/button&gt;
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/span&gt;
  </code></pre>
  <p>this.js</p>
  <pre><code>thisMask () {
    this.$emit('thisMaskClicked')
    console.log(&quot;This Mask Executed&quot;)
  },
  thisButton() {
    this.$emit('thisButtonClicked')
    console.log(&quot;This Button Clicked&quot;)
  }
  </code></pre>