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

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

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

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

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

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

推荐阅读更多精彩内容