Vue中父传子:
<div id=’app’>
<son msg=’hello’></son>
<son></son>
</div>
//子组件接收:
props:{
msg:{
type:[String,Number],
default:’hello world’,
}
}
//子组件:
<template id=’son’>
<div>{{msg}}</div>
</template>
小程序中父传子:
在父页面中:
<son msg=’hello’></son>
<son></son>
子组件接收:
properties:{
msg:{
type:[String,Number],
value:’hello world’,
}
}
子组件:
<view>{{msg}}</view>
Vue中子传父:
父组件:
<template id=’father’>
<son @fromson=’fromson’></son>
</template>
子组件:
<template id=’son’>
<div>
<button @click=’tofather’>点我子传父</button>
</div>
</template>
子组件中触发:
methods:{
tofather(){
this.$emit(‘fromson’,’111’)
}
}
父组件接收子组件参数:
methods:{
fromson(data){
console.log(data)
}
小程序中子传父:
父页面:
<son bind:fromson=’fromson’></son>
子组件:
<button bindtap=’tofather’>子传父</button>
子组件中触发:
methods:{
tofather(){
this.triggerEvent(‘fromson’,’111’)
}
}
父组件接收子组件参数:
fromson(res){
console.log(res.detail)
this.setData({
“fromson”:res.detail
})
}