vue的子组件被v-show控制显示隐藏，如何在子组件中捕捉到显示的事件

Question

vue的子组件被v-show控制显示隐藏，如何在子组件中捕捉到显示的事件

Answer 1

父组件传v-show对应的值给子组件，子组件watch监听

Answer 2

有这种写法：

• 父组件控制子组件显示隐藏

 <div
        class="dialog_account"
        v-show="isShowAccount" // 控制子组件的显示隐藏
      >
        <SettleAccount @hideAccountDialog="hideAccountDialog"></SettleAccount> // 子组件 @hideAccountDialog是父组件隐藏子组件的事件 
      </div>

• 子组件调用父组件隐藏方法

 <img
        src="../../assets/btn_Cancel.png"
        alt=""
        @click.stop="$emit('hideAccountDialog')" //子组件中可以直接调方法隐藏子组件
      >