threejs中loader = new GLTFLoader()和dracoLoader = new DRACOLoader();怎么在页面离开的时候销毁不继续执行

在Three.js中，当你创建了`GLTFLoader`（用于加载`.gltf`或`.json`格式的3D模型数据）和`DRACOLoader`（用于处理压缩的DRC数据）的对象实例后，为了在页面离开时避免资源泄露并停止不必要的执行，你可以添加一些清理操作到Vue的生命周期钩子中。

首先，在你的Vue组件中，确保你在适当的地方保存了这两个实例，比如：

data() {
  return {
    gltfLoader: null,
    dracoLoader: null,
  };
},

然后，在组件的`created()`或`mounted()`阶段初始化这两个加载器：

created() {
  this.gltfLoader = new GLTFLoader();
  this.dracoLoader = new DRACOLoader();

  // 初始化设置...
},

接下来，在组件的`beforeDestroy()`生命周期钩子中添加资源清理逻辑：

beforeDestroy() {
  // 停止GLTFLoader的加载
  if (this.gltfLoader) {
    this.gltfLoader.cancelLoading();
  }

  // 如果dracoLoader支持cancel方法，同样取消加载
  if (this.dracoLoader && this.dracoLoader.cancel) {
    this.dracoLoader.cancel();
  }

  // 设置这两个加载器为null，以便垃圾回收机制可以安全地删除它们
  this.gltfLoader = null;
  this.dracoLoader = null;
}

这样，在用户离开页面时，`beforeDestroy`会被触发，加载器会被正确地关闭或取消加载，并且不再占用内存资源。如果还有其他的资源需要管理，也可以在这段代码中添加额外的清理步骤。