首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

vue父子组件通信以及非父子组件通信的方法

一般来说,组件可以有以下几种关系,父子关系、兄弟关系和隔代关系,简化点可以分为父子关系和非父子关系,下面就讲讲vue父子组件通信以及非父子组件通信的方法。使用代码格式会比较乱,所以直接使用图片演示。...1.父子组件 (1).父组件数据传递给子组件 传递 注:这里的child-msg必须用-代替驼峰,否则识别不到方法 接收 方式1 注:接收-改成驼峰 方式2 注:这里可以指定传入的类型,如果类型不对...$emit中的 2.非父子 创建空的实例放在根组件下,所有的子组件都能调用 注:这个空的实例,所有的组件都能调用,父子、非父子都可以 传递方 接收方 以上讲的并非全部vue组件数据通信方法,只是我在项目中用到的总结归类...这样父传子、子传父和非父子组件数据传递就完成了。 获取更多优质内容,请关注【青年码农】 青年码农-获取更多.jpg

1.6K1713
您找到你想要的搜索结果了吗?
是的
没有找到

vue 父子组件通信

父子组件通信 父子组件的访问方式: $children 有时候我们需要父组件直接访问子组件,子组件直接访问父组件,或者是子组件访问跟组件。...image.png 父子组件的访问方式: $refs $children的缺陷: 通过$children访问子组件时,是一个数组类型,访问其中的子组件必须通过索引值。...image.png 父子组件的访问方式: $parent 如果我们想在子组件中直接访问父组件,可以通过$parent 注意事项: 尽管在Vue开发中,我们允许通过$parent来访问父组件,但是在真实开发中尽量不要这样做...image.png 非父子组件通信 刚才我们讨论的都是父子组件间的通信,那如果是非父子关系呢? 非父子组件关系包括多个层级的组件,也包括兄弟组件的关系。

34920

Linux系统编程-进程间通信(mmap内存映射)

前面文章介绍了进程间常用的通信方式: 无名管道和命名管道,这篇文章介绍内存映射,内存映射在多进程访问文件读写的时候非常方便。 1....内存映射mmap函数介绍 mmap函数可以将磁盘上的文件映射到内存空间中,返回映射的首地址。...通过内存映射进行进程通信,多个进程可以同时映射同一个文件到内存空间,只要一个进程对文件进行了修改,其他进程都可以得到修改的数据。 注意: 打开文件的权限需要与映射的权限一致! 2....案例代码: mmap用法示例(1) 下面代码的功能: 创建一个新文件,设置文件大小,使用mmap函数映射文件地址出来,对地址直接拷贝数据进入,再取消映射。 这时再打开文件,数据已经存放到到文件中了。...演示通过mmap映射文件地址方式读写文件。

1.4K31

Linux mmap原理

Linux mmap原理 前言 Linux段页式内存管理 mmap mmap内存映射原理 文字概述 mmap函数参数介绍 源码解析 1. 文件映射 2....本文想要和大家一起来聊聊mmap的原理,本文整体脉络如下: linux段页式内存管理回顾 mmap原理 ---- Linux段页式内存管理 这里的段页式内存管理主要基于linux 0.11进行讲解...提供进程间共享内存及相互通信的方式。不管是父子进程还是无亲缘关系的进程,都可以将自身用户空间映射到同一个文件或匿名映射到同一片区域。...从而通过各自对映射区域的改动,达到进程间通信和进程间共享的目的。...系统中,根据内存映射的本质和特点,其应用场景在于 实现内存共享,如跨进程通信 提高数据读/写效率:如读写操作 对于进程间的通信,其工作流程如下图所示 创建一块共享的接收区,实现地址映射关系 发送进程数据到自身的虚拟内存区域

3.4K21

Linux内存映射——mmap

Linux提供了mmap()函数,用来映射物理内存。...因此,采用共享内存的通信方式效率是非常高的。 基于文件的映射,在mmap和munmap执行过程的任何时刻,被映射文件的st_atime可能被更新。...(2)使用特殊文件提供匿名内存映射:适用于具有亲缘关系的进程之间;由于父子进程特殊的亲缘关系,在父进程中先调用mmap(),然后调用fork()。...那么在调用fork()之后,子进程继承父进程匿名映射后的地址空间,同样也继承mmap()返回的地址,这样,父子进程就可以通过映射区域进行通信了。注意,这里不是一般的继承关系。...而mmap()返回的地址,却由父子进程共同维护。 对于具有亲缘关系的进程实现共享内存最好的方式应该是采用匿名内存映射的方式。此时,不必指定具体的文件,只要设置相应的标志即可.

5.5K10

Vue 组件(二):父子组件通信

子组件是不能直接访问父组件中的数据的,但有时候父子组件之间需要进行数据交互,这就涉及到了父子组件通信的问题。...简单来说,父组件向子组件通信是通过 props 进行的,而子组件向父组件通信则是通过自定义事件进行的。 我们用一个简易的 todolist 案例来理解这两个过程。...type="text" :value="test" @input="test=$event.target.value"> 根据这点,v-model 除了实现双向数据绑定之外,也可以用在组件中,更方便地书写父子组件通信...总结 到这里的话,父子组件之间的通信就已经结束了。使用 Vue 的时候应该避免直接去操作 dom,而是通过数据的改变让页面自动变化。...参考: Vue.js中的组件以及父子组件间通信传值 Vue 进阶教程之:详解 v-model Vue.js - 自定义事件

84310

Vue---父子组件之间的通信

在vue组件通信中其中最常见通信方式就是父子组件之中的通信,而父子组件的设定方式在不同情况下又各有不同。最常见的就是父组件为控制组件子组件为视图组件。...无论哪种组织方式父子组件的通信方式都是大同小异。...1、通过props传递数据 父子通讯中最常见的数据传递方式就是通过props传递数据,就好像方法的传参一样,父组件调用子组件并传入数据,子组件接受到父组件传递的数据进行验证使用。 1 <!...2、通过$on传递父组件方法 通过$on传递父组件方法是组件通信中常用的方法传递方式。它可以与通过props传递方法达到相同的效果。...因为在父子组件通信的过程中。父组件是处于高位是拥有控制权,而子组件在多数情况下应该为纯视图组件,只负责视图的展示和自身视图的逻辑操作。对外交互的权利应该由父组件来控制。

67320
领券