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

1.父组件代码

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.效果