vue组件通信

通常父子组件通信都是用props和$emit进行传递,父组件通过props传值给子组件,子组件通过$emit传值给父组件,父组件通过绑定事件来获取子组件传过来的值。

还可以使用.sync可以实现子组件修改父组件的值:

日常开发中还有一种情况,就是父组件向子组件传递数据,然后子组件又传给自己的子组件,所以就会用props一直传递下去,相反会用$emit通过事件传递回来,这样做太麻烦,所以通常会引入vuex,但是因为这一个问题就引入vuex是没有必要的,这时候就需要vue新提供的inheritAttrs和attrs来解决这个问题。

还有另外一种通信方式就是用provide和inject进行通信,provide和inject主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 1. 父子组件通信 基本方法(推荐):a. 父 => 子:使用prop向子组件传递静态或动态的数据,如: ,注意...
    WHU_GIS_LJ阅读 3,034评论 0 0
  • 组件通信各种情况总结VUE是以数据驱动的MVVM框架,又是模块化开发,所以各个组件间的通信传递数据非常重要,在项目...
    流年_338f阅读 3,619评论 0 2
  • 本文主要介绍关于Vue组件通信的四种方式,分别是父向子组件通信、子向父组件通信、非父子组件的EventBus通信、...
    jackie季阅读 2,795评论 0 5
  • Vue组件通信 Vue组件关系可分为三大类: 父子组件 兄弟组件 跨级组件, 相应的组件之间的通信也分类三大类: ...
    dino小恐龙阅读 5,859评论 0 2
  • 文/海上森林 1 看着杂志落脚处的名字我惊呆了。是他,不是我。明明是我写的,为什么变成了刘景城。 委屈极了。那是我...
    一枝山茶阅读 4,490评论 13 7