three.js加载3d模型objvue

要在three.js中加载3D模型OBJ文件，你可以使用OBJLoader。首先，在你的HTML文件中引入three.js和OBJLoader.js：

<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/build/three.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/three@0.128.0/examples/js/loaders/OBJLoader.js"></script>

然后，在你的JavaScript代码中，创建一个OBJLoader实例并使用它加载OBJ文件：

// 创建OBJLoader实例
const objLoader = new THREE.OBJLoader();

// 加载OBJ文件
objLoader.load(
  // OBJ文件的URL
  'path/to/your/obj/file.obj',

  // 加载完成后的回调函数
  function (object) {
    // 将加载的模型添加到场景中
    scene.add(object);
  },

  // 加载进度的回调函数
  function (xhr) {
    console.log((xhr.loaded / xhr.total * 100) + '% loaded');
  },

  // 加载失败的回调函数
  function (error) {
    console.error('Failed to load OBJ file: ', error);
  }
);

注意：在加载OBJ文件之前，你需要创建一个Three.js场景，并将其渲染到HTML页面上的canvas元素中。