1、父子组件传值 与vue相同
父组件向子组件传值
//父组件中
<header-nav :test="test"/>
//子组件中
props:["title"],
created() {
console.log(this.test)
},
子组件向父组件传值
//子组件中
<button @click="sendData"></button>
sendData(){
this.$emit("myEven",this.data)
}
//父组件中
<header-nav @myEven="getData"/>
getData(data){
console.log(data)
}
2、组件与组件之间传值
uni.$on 和uni.$emit 点击组件b中按钮增 组件a中的data+10
//组件A
created(){
uni.$on('updateData',(data)=>{ //这里的括号可以省略 data是自定义的形参
this.data+=data //累加
})
}
//组件B
<button @click="add">点击增加组件A的值</button>
add(){
uni.$emit('updateData',10) //这里的替换为你想要传递的数据
}