问题

在使用vue开发一个地图相关的项目时，把地图相关的对象都定义到了vue组件的data里，造成地图页面非常卡顿，一直找不到问题所在，后来发现由于vue会深度监听挂载data上的对象，而第三方地图相关的对象内容很多，层级很深，这就造成了在赋值给组件this时，页面严重卡顿的现场

解决方法

把地图相关的地图定义到组件外部，既定义到export default { } 外部，同理，不需要监听响应变化的变量都尽量不要挂载到data上，如：

let myMap;
export default {
  data () { 
    return {   // 不需要绑定到模板上的变量尽量不在data里定义
    }
  },
  methods: {
    initMap () {
      // this.myMap = new SelfMap()   // 不要定义在this上 
      myMap = new SelfMap()
    }
  }
}
#注意问题
定义在export default 外的变量是该组件共用的，注意在beforeDestrory中清除，在初始化时(mounted)重新赋值