VUE父子组件传值

88 阅读1分钟
父组件发送:
<child :dataToSon="dataToSon"></child>
data(){
  return {
    dataToSon:456
  }
}
子组件接收:
props: {
    dataToSon: {
      type: Number,
      default: 123,
    },
}
父组件:
<div>{{data}}</div>
<child @change-from-son="change"></child>
data(){
  return {
    data:456
  }
}
method:{
  change(n){
    this.data = n
  },
}
子组件调用:
this.$emit('change-from-son',123)