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);
    },
  },
},