Vue 搭配 jQuery 使用@click 操作DOM Group的問題?

請問為什么vue用jquery @click DOM Group 獲取當(dāng)下DOM時會觸發(fā)到到Group里面其它元素??
我把div做成按鈕，卻不能跟以下代碼一樣功能，但會觸發(fā)到span
有方法可以跟下列jquery觸發(fā)效果一樣嗎??
https://jsfiddle.net/xiuxiubo...

$('.btn').on('click',function(){
  alert($(this).text())
})

<div class="btn" @click="btnClick">
    <span class="title">Button</span>
    <span class="sub">O</span>
</div>

methods:{
    btnClick:function(){
       alert($(event.target).text())
    }
}