vue项目中运行项目造成浏览器崩溃

问题描述： 缓存问题点这里

本人在做vue可视化项目中碰到，第一次从门户跳转到项目中正常展示，缓存为一点，在其本身刷新浏览器，浏览器崩溃，再次刷新，正常...

网上搜索，关于浏览器崩溃原因少之又少，不是项目扩充，就是不友好的缓存问题，要不就是数据过大，定时器，v-if v-show不友好等问题，和我想要的答案不一样，所以才有此问题，待我解答。

本身是多级侧边栏，类同树（tree），使用递归实现，如下：

<template>
  
  <ul class="tree">
    <li v-for="(item,index) in treedata" :key="index">
      <div class="ui-draggable ui-draggable-handle ui-droppable">
        {{item.text}}
      </div>
      <my-tree v-if="item.children && item.children.length>0" :treedata="item.children"></my-tree>
    </li>
  </ul>
</template>

<script>

export default {
  name: "myTree",
  props:{
    treedata:{
      default:function(){
        return []
      }
    }
  },
}

搜了下，貌似会递归产生缓存，多次使用不太友好。待解决。。。