$refs绑定dom直接调用子组件方法改变状态 和 在父组件中用:visible.sync 传入变量的区别

vue2中 以element弹窗的显隐问题为例

我是用$refs绑定dom直接调用子组件方法改变状态,还是在父组件中用:visible.sync 传入变量好呢?

想知道这两种方式的有什么区别,关于代码优化,或者执行顺序,生命周期之类的

$ref只是改变了子组件里的状态，sync则是子组件状态改变后，将状态同步到父组件