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