vue组件通信

父传子

 传   子组件标签   属性名=值

受props:{

        属性名:{

type:类型 多个类型的时候 [object Array string]

default  基本的数据类型 直接写

复杂的数据类型 :()=>{return 复杂数据的类型}

required:true,  必填

}

}

props:{
item:{
  type:数据的类型 obj Arry
    基本的数据的类型 number string null boolean undefined 
    复杂数据类型:()=>{return 复杂数据的类型} function object arry 
    复杂的数据类型不能直接写需要return 复杂数据类型
   defalut:()=>({})
}
}

单项的数据流 :栈不可以修改 堆可以修改

基本的数据的类型不可以修改 复杂数据类型只要不修改它的引用地址(栈)

它的值可以修改的

子传父(子触发父方法)

绑定 :子组标签 @子组件的方法的名 ="父组件的方法"

触发:

子组件内 触发

this.$emit('子组件方法名'参数值)

兄弟组件的传值

1 Vue.prototype.$bus =new VUe()

2 监听 this.$bus $on('方法名'(参数值=>{})

3 触发 this .$emit(''方法名"实参值)

4 销毁 this.$bus .$off (方法名)

特点 bus的监听是会 累加 bus监听不使用的时候需要销毁处理 beforeDestroy销毁处理