1.父传子:
传: 子组件标签 属性名=值
收: props:{
属性名:{
type:类型,多个类型 [Object,Array,String],
default:基本数据类型,直接写
复杂数据类型:()=>{return 复杂数据类型}
required:true, // 必填
validator:(value)=>{
return boolean值
true:验证通过
false:验证失败
}
}
单向数据流:栈不可修改,堆随便改
基本数据类型不可修改,复杂 数据类型,只要不修改它的引用地址(栈),它的值随便修改
}
2.子传父(子触发父方法)
绑定: 子组件标签 @子组件方法名="父组件方法"
触发:
子组件内触发:this.$emit('子组件方法名',参数值)
3.兄弟组件传值:
1:Vue.prototype.$bus=new Vue()
2: 监听 this.$bus.$on('方法名',(参数值)=>{...})
3:触发 this.$bus.$emit('方法名',实参值)
4:销毁 this.$bus.$off('方法名')
特点:bus的监听会累加,bus的监听不使用时要销毁,beforeDestroy销毁处理