vue 子組件動態數據監聽

父組件 ：

第一步：組件首先需要綁定變量mapData

<template>
  <!-- 視圖  2021-06-23 18:14:00 -->
  <div class="w-100 h-100 hidden border_back">
      <transportationTaskMap :mapData="mapData"></transportationTaskMap>
  </div>
</template>
第二步：import子組件

import transportationTaskMap from './map2.vue'

第三步：聲明變量

data(){
  return {
    mapData:[],//向子組件傳遞所在的位置
  }
},

子組件：map2.vue

props: {

 mapData:{
  type: Array,
  default () {
    return {}
  }
},

}

子組件監聽方法：

watch: {
  mapData: {
    deep: true,
    handler(val) {
      this.fzData(val);
    },
  },
},