vue中子组件修改父组件props 的问题

el-dialog 中，发现下面2个方法都可以修改visible的值：

 //1
 this.$emit("update:visible", false);
 //2
 this.$parent.visible = false;

为什么官方示例更倾向于用第一种呢？[隐性的父子组件通信谨慎使用]告诉了我答案：

单向数据流，组件的状态只能由组件自身和父组件改变，用第二种的话会导致逻辑混乱。

隐性的父子组件通信谨慎使用