在vue2下使用three.js如何循环new OBJLoader();，循环这个模型，并且点击的时候不会重复，他的代码是什么

你可以使用循环来创建多个模型，然后将它们添加到场景中。为了避免重复点击，你可以使用一个布尔变量来记录每个模型是否已经被点击过。以下是一个示例代码：

// 创建场景和相机
var scene = new THREE.Scene();
var camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000);

// 创建渲染器
var renderer = new THREE.WebGLRenderer();
renderer.setSize(window.innerWidth, window.innerHeight);
document.body.appendChild(renderer.domElement);

// 创建多个模型
var models = [];
for (var i = 0; i < 10; i++) {
  var loader = new THREE.OBJLoader();
  loader.load('model.obj', function (object) {
    object.position.x = Math.random() * 10 - 5;
    object.position.y = Math.random() * 10 - 5;
    object.position.z = Math.random() * 10 - 5;
    scene.add(object);
    models.push(object);
  });
}

// 记录每个模型是否已经被点击过
var clicked = [];
for (var i = 0; i < 10; i++) {
  clicked.push(false);
}

// 监听鼠标点击事件
document.addEventListener('mousedown', function (event) {
  event.preventDefault();
  var mouse = new THREE.Vector2();
  mouse.x = (event.clientX / window.innerWidth) * 2 - 1;
  mouse.y = -(event.clientY / window.innerHeight) * 2 + 1;
  var raycaster = new THREE.Raycaster();
  raycaster.setFromCamera(mouse, camera);
  var intersects = raycaster.intersectObjects(models);
  if (intersects.length > 0) {
    var index = models.indexOf(intersects[0].object);
    if (!clicked[index]) {
      clicked[index] = true;
      // 处理点击事件
    }
  }
}, false);

// 渲染场景
function render() {
  requestAnimationFrame(render);
  renderer.render(scene, camera);
}
render();