引入公共bus，相当于小hub，起中转站作用
第一步
//bus.js
import Vue from 'vue'
export default new Vue()
组件1：
// 引入公共的bug，来做为中间传达的工具
import Bus from './bus.js'
···
// 用$emit事件来发送参数
Bus.$emit('val', this.elementValue)
组件2：
import Bus from './bus.js'
···
var vm = this
// 用$on事件来接收参数
Bus.$on('val', (data) => {
console.log(data)
vm.name = data
})
```
引入公共bus，相当于小hub，起中转站作用第一步 组件1： 组件2：
页面传值是指：父子页面之间、非父子页面之间、兄弟页面之间、非兄弟页面之间数据互通的方式，是为页面传值（个人见解） ...
非父子间的传值也可以理解为同级之间的传值 在非父子传值中主要声明了一个:var 变量 = new Vue(); ...
VUE生命周期 VUE子传父组件通信 VUE非父子组件传值
父传子 子传父 非父子传值
1.非父子之间传值 非父子之间传值用第三方 2.生命周期 每个Vue实例在被创建之前都要经过一系列的初始化过程,这...
组件分为:子传父父传子非父子之间的通信 1.子传父 2.父传子 3.非父子之间传值
1、什么是同级传值？ 同级传值又叫非父子传值，第三方量：var = new Vue();使用$on()事件监听。 ...
1.父子组件传值 vue2中的父子组件传值：父组件： 子组件： vue3中的父子组件传值： 还是用props接收父...
非父子传值 :非父子组件之间的通信，必须要有公共的实例（可以是空的），才能使用 $$emit 获取 $...
本文标题：Vue非父子传值 ----父子、非父子是基于同一页面而言的东西
本文链接：https://www.haomeiwen.com/subject/gnnhtctx.html
网友评论