父传子:属性传递
父组件:index.json文件”usingComponents“下注册子组件并引入页面
<sub-components transferData="{{data}}"></sub-components>
子组件:properties中接收传递的值
properties: {
transferData:{
type:String, //类型, 类型常用:String,Number,Boolean,Object,Array
value:'父传子' //属性初始值(可选)
}
}
子传父:事件传递
子组件:this.triggerEvent() 推送数据
methods:{
//传递父组件
subTransmit(){
const passValue="子传父" //传递父的值
this.triggerEvent('MyTransmit',passValue) //MyTransmit自定义事件
}
}
父组件:obtainEvent() 进行接收
<sub-components bind:MyTransmit="obtainEvent"></sub-components>
//获取子组件传递值
obtainEvent(e){
console.log(e.detail) //子传父
}