美文网首页
Vue 的组件之间如何通信

Vue 的组件之间如何通信

作者: 郑无穷大 | 来源:发表于2018-08-19 12:19 被阅读0次

1.父子组件之间的消息传递 

父组件向子组件传递数据是通过prop传递的,子组件传递数据给父组件是通过$emit触发事件来做到的。


在上面的例子中,有父组件parent和子组件child。 1).父组件传递了message数据给子组件,并且通过v-on绑定了一个getChildData事件来监听子组件的触发事件; 2).子组件通过props得到相关的message数据,最后通过this.$emit触发了getChildData事件。

2.爷孙组件之间的消息传递 


爷孙组件之间的消息传递通过子组件作为媒介来互动;

通过$emit,v-on来传递;


3、兄弟组件之间的消息传递


相关文章

  • vue组件之间通信

    vue 组件之间通信 vue组件之间通信方式: 1.父组件通过props向下传数据给子组件,子组件通过$emit事...

  • vue

    1、什么是组件化、有什么好处、vue如何创建组件、vue组件之间如何通信 什么是组件化。任何一个页面我们都可以抽象...

  • 老生常谈——vue组件之间通信

    老生常谈的组件之间通信 vue组件之间的通信细分为三种情况:兄弟组件之间的通信,父组件向子组件传递数据,子组件向父...

  • Vue.js--组件通信

    vue组件之间的通信包括三种: 1.父组件向子组件通信 2.子组件向父组件通信 3.同级组件之间的通信 首先,看一...

  • Vue相关知识点

    1、vue父子组件之间的通信 在vue组件通信中其中最常见通信方式就是父子组件之中的通性,而父子组件的设定方式在不...

  • Vue组件通信

    最近在学习Vue,组件化后不同组件之间如何通信,记录一下。 Vue中组件通信时,数据流只能由父级传递给子级,通过p...

  • Vue 组件 / 通信

    子组件=》父组件 vue的组件之间的通信类似angular的父子层级之间通信,父组件获取子组件数据步骤大概如下: ...

  • 【Vue2】组件传值的六种方法

    Vue 组件之间的通信大概归类为: 父子组件通信: props/$emit;ref/refs;$attrs / $...

  • Vue组件通信

    Vue 组件之间的通信,通常我们遇到的都是父子组件之间的通信 一、父子组件传参 子组件定义 Props 属性; 父...

  • Vue.js基础(二)

    1. 组件之间的通信 向子组件中传递 number=99 子组件a.vue中 执行效果 2. 组件之间的通信 - ...

网友评论

      本文标题:Vue 的组件之间如何通信

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