vue组件通信

vue的组件传参的方式
父子组件传参
1.prop和emit,prop是父传子单项传递数据,emit是子传父,子组件监听一个事件,父组件调用并接受子组件传递过来的参数。
2.parent和children 在父组件调用children得到引用的所有子组件的对象数组,可以访问到子组件的方法个数据,如果是最底层拿到的是一个空数组,在子组件调用parent得到的是父组件的对象,可以访问到父组件的方法和数据
3.inject和provide,在父组件提供数据和方法,在子组件注入并可以访问到
4.ref,如果在非子组件上用,得导的就是dom元素,如果是子组件上得到的就是子组件实例
5.eventbus
6.localstorage和sessionStorage
7.vuex 多个视图引用一个状态,不同视图行为需要变更同一状态
8.attrs/litenser

©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

  • 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引用。一...
    虚竹_d36e阅读 303评论 0 0
  • vue是数据驱动视图更新的框架,所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首...
    小太阳可可阅读 273评论 0 0
  • 本篇文章带大家详细了解一下vue中8种组件通信方式。有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助...
    浅浅而谈阅读 2,254评论 2 50
  • 前言 组件是 vue.js最强大的功能之一,而组件实例的作用域是相互独立的,这就意味着不同组件之间的数据无法相互引...
    戚子宇阅读 1,088评论 0 0
  • vue中组件之间的通信 组件可以有以下几种关系: A-B、B-C、B-D都是父子关系 C-D是兄弟关系 A-C、A...
    叶落疑秋阅读 141评论 0 2

友情链接更多精彩内容