在vue中组件间交互所引发的一些问题【总结一】

        在最近的vue项目开发过程中，往往会遇到一些小的问题，困扰着笔者，虽然问题最后解决了，但是所谓的“牛角尖”的问题还是未能攻破。

        当然这里先介绍一下，所谓的问题及解决思路：

        项目开发过程中，往往有一些模块过于“繁琐”，这里指的是页面内容交互过多，比如：点击添加出现弹窗，弹窗中又有tab切换，tab切换又有新增等等，交互过多所导致一个vue文件的代码量就很多，对于我来说比较喜欢拆解，一是：为了以后回头读取代码不那么费事，二是：为了代码的可观赏性。

        拆解代码的过程中，就会存在父子传参、兄弟组件传参等、传参的过程中，就会有事件触发的顺序、及代码的执行顺序、销毁等。

         在本次项目开发过程中遇到这种场景，点击查看，出现弹窗，弹窗内容是一个地图，可以在地图上标点，因为每次点击查看都会有 不同标点，会导致数据缓存的情况，这里就定位到有可能关闭弹窗定义的地图没有被销毁，使用beforeDestroy做销毁处理，但是虽然事件触发了，问题还是未解决，最后只能使用“物理销毁”，定义一个布尔类型的字段，默认为false,在刷新或者关闭的时候进行销毁。