资讯专栏INFORMATION COLUMN

2.Vue子组件给父组件通信

Hegel_Gu / 924人阅读

摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件

子组件给父组件通信

如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的

子组件:





通过绑定事件upData,在里面使用$emit事件来注册childData事件,并且传递数值this.msg到父组件中
父组件:





父组件通过监听子组件的childData的事件,来触发自己的绑定的changData事件,并将值获取复制给自己的msg
到这里就完成了子组件给父组件传递数据的过程

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/93537.html

相关文章

  • 2.Vue组件给父组件通信

    摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件 子组件给父组件通信 如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据...

    mindwind 评论0 收藏0
  • 2.Vue组件给父组件通信

    摘要:子组件给父组件通信如果子组件想要改变数据呢这在中是不允许的,因为只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据,从而达到改变子组件数据的目的子组件传递的数据通过绑定事件在里面使用事件来注册事件并且传递数值到父组件中父组件 子组件给父组件通信 如果子组件想要改变数据呢?这在vue中是不允许的,因为vue只允许单向数据传递,这时候我们可以通过触发事件来通知父组件改变数据...

    nihao 评论0 收藏0
  • vue组件通信

    组件目录结构 parentchild API: $emit、 $on、 $refs、 props 1、父子组件通信 showImg(https://segmentfault.com/img/remote/1460000017497582); 需求合理性我们先不考虑,demo就为了搞清怎么通信,我们要求:1、父组件传值给子组件,同时父组件input输入框value也可同步到子组件2、点击子组件加减子...

    xcold 评论0 收藏0
  • vue组件通信、数据传递(父组件,同级组件

    总结一下对vue组件通信的理解和使用。 一、组件目录结构 父组件:app.vue 子组件:page1.vue 子组件:page2.vue 父组件 app.vue 请输入单价: import Page1 from ./components/page1; import Page2 from ./components/page2; export de...

    Harpsichord1207 评论0 收藏0

发表评论

0条评论

Hegel_Gu

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<