Prevent event bubbling in Vue

I found that using the ‘stop’ event modifier on the child element worked for me.
eg

<div id="app">
  <div id="largeArea" @click="do_X">
    <button @click.stop="do_Y">Button</button>
  </div>
</div>