vue 子组件有自己的展开收回 父组件控制子组件显隐。

Question

简述：封装一个右侧面板组件，通过父组件传入的visible控制显示隐藏，组件自身带有展开收缩功能

代码：
子组件：

子组件通过父组件传入的visible控制显隐（transition动画）；

子组件自身有自己的展开收缩的状态；

问题：
当父组件传入visible=true时，此时子组件变为显示状态+展开状态

点击子组件收缩按钮，子组件为显示状态+收缩状态

如果此时想要让面板展开，但是不通过点击展开按钮，而是父组件希望子组件再次展开，但是无法watch到visible的变化，请问怎么样才能实现呢？
ps：如果能够提供另一种思路解决也可以，感谢。