美文网首页Web前端之路
vue中子组件修改父组件props 的问题

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

作者: 嘻哈章鱼小丸子 | 来源:发表于2021-01-12 17:48 被阅读0次

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

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

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

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

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

相关文章

  • react 父子组件之间的方法调用

    父子组件之间传值通过props、触发事件调用props的方法对父组件的state进行修改; 类似于vue中子组件通...

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

    el-dialog 中,发现下面2个方法都可以修改visible的值: 为什么官方示例更倾向于用第一种呢?隐性的父...

  • 子组件直接修改父组件的值

    vue中子组件无法直接修改父组件的值,会报警告,可以通过借助.sync修改父组件的值

  • vue中父组件获取子组件的值

    vue项目中,普遍存在父组件和子组件相互传值的问题,父组件向子组件传值用props,但是如果此时要修改父组件传的值...

  • Vue父子组件通信

    全面学习Vue 组件通信父组件给子组件传值 props 父组件 子组件 props: { mn...

  • vue.js 核心知识点三

    目录 - 3.1 vue中子组件调用父组件的方法 - 3.2 Vue父组件调用子组件的方法 - 3.3 涉及到组件...

  • Vue组件通信方式1-props

    父组件 App.vue 子组件 components/Props.vue

  • vue学习

    vue中的事件传递 父子组件传值通过props传递,父组件 :name=“name(父数据)”子组件 props内...

  • 前端VUE3,JQ,uniapp,综合

    vue3 + ts 子组件更新props 子组件可以直接修改父组件传进来的值子组件定义事件名称update:事件名...

  • vue通信方式

    vue组件通信方式 使用props父传子 定义child组件 父组件传值