vue中点击一个元素触发另一个元素的点击事件

1.场景
btnB下的button位于btnB组件之中

2.点击btnA，触发btnB组件内的button的事件

<div ref="btnA" @click="clickA">直接点击</div>
<div ref="btnB">
    <button @click="clickB">被点击</button>
</div>

this.$refs.btnB.$el.firstChild.click()