如何在 Vue3 中使用 Three.js？

在 Vue3 中使用 Three.js，可以通过以下步骤实现：

1. 首先，安装 Three.js 和 Vue.js：

npm install three vue

2. 在 Vue 组件中引入 Three.js：

import * as THREE from 'three'

3. 创建 Three.js 场景和渲染器：

const scene = new THREE.Scene()
const renderer = new THREE.WebGLRenderer()

4. 创建 Three.js 相机：

const camera = new THREE.PerspectiveCamera(75, window.innerWidth / window.innerHeight, 0.1, 1000)

5. 创建 Three.js 几何体和材质：

const geometry = new THREE.BoxGeometry()
const material = new THREE.MeshBasicMaterial({ color: 0x00ff00 })
const cube = new THREE.Mesh(geometry, material)

6. 将几何体添加到场景中：

scene.add(cube)

7. 渲染场景：

renderer.render(scene, camera)

以上就是在 Vue3 中使用 Three.js 的基本步骤。