vue和小程序中父子组件传参---对比

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
})
}