vue-three 日常记录 人员定位/模型动态实时移动/前后端分离/websocket/前端vue-three/解决内存占用大的问题

由于项目需要做一个人员定位的系统，最后采取的Django的后端框架，前端的VUE框架，前后端分离，通讯用的websocket。前端三维模型的展示用的three

注：以下是我的思路，现在可以实现，如有问题或者改进，欢迎提问。
以下内容只是我前端模型动态移动的代码和思路

定义一个函数为加载模型的函数。记住一定要mesh放置在group中，这是为了后面移除的时候方便
加载模型函数

loaddog(){
   
   
        this.group1=new THREE.Group()//添加一个组，group为全局变量
        var loader = new GLTFLoader();
        loader.load("/static/model/Duck/dog/dog.gltf", (gltf) => {
   
   
         this.group1.add