vue引入百度地图切换第三方图层页面卡死解决方案

此图片是vue3定义的公共hooks文件

var map = null; // 地图实例
  var wms = null; // wms实例
  const state = reactive({
    baiduRef: null,  // 地图
    point: null,
    mapTypeValue: 'BMAP_NORMAL_MAP', // 地图类型
    baseOpts: {
      fillColor: '#fff',
      strokeWeight: 5,
      strokeOpacity: 1,
      fillOpacity: 0.2
    },
    select: null,
    scene: null,
    centerPoint: null, // 需要放大或缩小的中心点坐标
    toolType: '1',
    distance: null, // 测量距离实例
    measure: null, // 测量面积实例
  })

原因：

map地图的实列不能放到state里面，目前不知道原因，定义变量，存入变量中就可以了！
其实最好把所有定义的实列都放到变量里，不然不知道会不会出现别的问题
还有种办法就是定义ref,比如上面的map实列可以写为：

var map = ref(null) // 只要别放入reactive就行

记录一下，找了好久没发现原因~