vue 父组件动态向子组件传值

1.父组件代码

 <div class="submit-box">
      <pointModel v-if="poinShow" @closePoint="closePoint" :longitude="longitude" :latitude="latitude"></pointModel>
    </div>

2.子组件代码先通过props接受参数

props:{
      longitude:{
        type: Number,
        default: 0
      },
      latitude: {
        type: Number,
        default: 0
      }
    },

3在子组件通过watch监听参数变化并赋值

watch: {
      longitude: function(newval,oldval){
        this.formTop.longitude = newval
      },
      latitude: function(newval,oldval){
        this.formTop.latitude = newval
      }
    },

4.效果