vue引用外部js一刷新页面就报未定义
1、你这个autoPlay放在这里，意味着这个方法(autoPlay)是个全局变量。所以，你需要将其定义为全局变量。
2、js一直提示函数未定义是设置错误造成的，解决方法为：新建一个html文件，命名为test.html。
3、异步请求还没有返回结果之前u还是一个空值，所以username是未定义。当返回结果之后，有值就没有问题了。这个错误影响不大，但是最好先判断u，也可以先给u赋默认值，避免出现这种情况。
如何在项目中应用vue全局与局部组件
递归组件组件在它的模板内可以递归地调用自己， 只要给组件设置name 的选项就可以了。
vue中的全局组件指的是可以在应用程序中的任何位置使用的组件，而局部组件指的是未在全局组件中注册的组件，因此只能使用于局部。在Vue中组件的出现是为了拆分Vue实例的代码量，让我们以不同的组件来划分不同的功能模块。
组件用法组件需要注册后才可以使用，注册有全局注册和局部注册两种方式。1 全局注册后，任何V ue 实例都可以使用。
VUE项目引入Threejs加载模型文件
项目新需求，要在页面中显示已做好的3D模型，做过技术调研后选择了Threejs三维引擎。demo基本都是独立页面的，自己搞了一下，在vue项目中完美运行了。
gltf模型文件被加密了 draco压缩了 而我加载的gltf文件不是加密的，所以第一个原因pass掉，那么就是draco压缩了。
检查npm -v版本和使用对应的vite安装vue3项目 需要安装依赖：npm install 运行：npm run dev 目录结构：threejs官网：安装threejs 准备3D模型素材(我这里使用glb格式)和HDR图片，素材网上可以找有免费的。
各种对比后，发现了ThreeJS。它不仅可以解析obj模型文件，还可以解析大部分市场上有的模型格式文件。npm 安装后，在node_modules/three/examples/jsm/loaders/目录下可以看到它支持的模型格式。PS：demo中使用了最流行vue语法。
正确引入样式文件：import vue-cesium/dist/index.css’如果你打开文档时显示是正确的，那就表示文档已经更新过了。
这样的话在不影响曲面显示质量前提下，减少模型三角形面数，一方面可以降低模型文件大小提高网络传输性能，另一方面可以提高threejs渲染模型的渲染性能。