美文网首页
【vue2.x】组件通信方法汇总

【vue2.x】组件通信方法汇总

作者: 复苏森林 | 来源:发表于2020-09-09 10:20 被阅读0次

父组件向子组件通信

  • props(业务推荐

子组件向父组件通信

  • $emit 事件提交(业务推荐

组件向后代组件通信

  • 依赖注入(架构推荐

父组件访问子组件实例

  • this.$refs(不推荐

子组件访问父组件实例

  • this.$parent(不推荐

子组件访问根组件实例

  • this.$root(不推荐

父子组件随意通信

  • Vuex(业务推荐
  • localStorage(不推荐
  • 使用ES5的特性var做全局变量(不推荐
  • 使用vm访问根实例(不推荐

相关文章

  • vue组件间通信的一些实用方法(VUE2.x)

    vue组件间通信的一些实用方法(VUE2.x) 一、父子组件间通信 常用的父子组件通信方法,一般涉及props和$...

  • 【vue2.x】组件通信方法汇总

    父组件向子组件通信 props(业务推荐) 子组件向父组件通信 $emit 事件提交(业务推荐) 组件向后代组件通...

  • Vue3 的 7 种和 Vue2 的 12 种组件通信

    Vue2.x组件通信12种方式写在后面了,先来 Vue3 的 Vue3 组件通信方式 props $emit ex...

  • 干货博客集

    基础 webpack4.x 入门一篇足矣 react组件通信方式汇总 vue组件之间的通信 原生小程序组件通信 w...

  • react父向子组件通信的形式

    react中是以组件式进行开发,不可避免会有组件层级相互传值的情况。目前将组件通信的方法进行汇总,主要有以下几种。...

  • Vue父子组件之间的通信方式

    在Vue2.X中,父子组件之间有两点非常重要的通信原则: 父子组件是单向数据流,父组件的状态更新,子组件中prop...

  • Vue 组件间通信方法汇总

    除了使用 Vuex 方法外,vue 提供了各种各样的组件间通信的方案。文章整理一下父子组件、兄弟组件、祖先后代组件...

  • Flutter|常用数据通信组件

    在做需求时经常会遇到组件间通信,本篇汇总了几种常用的通信方式。 父子组件之间的通信 最简单的方式就是通过构造器传递...

  • vue 自定义组件 Alert

    无图无真相!!! 开发环境 vue2.x 组件 LzAlert.vue 使用方法

  • VUE的通信方式

    前言 本章总结了vue2.x与vue3.x的通信方式 VUE2.x的通信方式 props传递数据 通过 $emit...

网友评论

      本文标题:【vue2.x】组件通信方法汇总

      本文链接:https://www.haomeiwen.com/subject/bgxeektx.html