Vue 3DS 是一款用于創建 3D 場景的 Vue.js 組件庫。它基于 Three.js，并通過 Vue 組件的方式封裝了 Three.js 的常用功能，讓創建 3D 場景更加簡單易用。

在使用 Vue 3DS 之前，我們需要先安裝它。可以通過 npm 或 yarn 來安裝：

npm install vue-3ds
# 或者
yarn add vue-3ds

安裝完成后，在 Vue 組件中引入 Vue 3DS：

import VueThreeD from 'vue-3ds';
import 'vue-3ds/dist/vue-3ds.css';
export default {
components: {
VueThreeD,
},
}

在組件中使用 Vue 3DS：

<template>
<div>
<VueThreeD :fov="45" :camera-position="{ x: 0, y: 0, z: 5 }">
<VueMesh :geometry="{ type: 'box', args: [1, 1, 1] }">
<VueMaterial :color="'red'" />
</VueMesh>
</VueThreeD>
</div>
</template>

這個例子中創建了一個 3D 場景，其中包含一個長為 1、寬為 1、高為 1 的紅色立方體。可以通過修改 VueThreeD、VueMesh 和 VueMaterial 標簽的屬性來創建更多的 3D 物體。