快速上手

安装

# 在你的项目中安装
yarn add vue-3d-loader
# 在你的项目中安装
npm install vue-3d-loader

使用

全局引入

全局使用,在入口文件中全局安装,代码如下:

/* vue2 */
import vue3dLoader from "vue-3d-loader";
Vue.use(vue3dLoader)

/* vue3 */
import vue3dLoader from "vue-3d-loader";
createApp(App).use(vue3dLoader).mount('#app')

非全局引入

非全局使用,在Vue文件中使用如下代码:

// 注意 vue3dLoader 写在 {...} 内
import { vue3dLoader } from "vue-3d-loader";

在组件中使用标签<vue3dLoader></vue3dLoader>

组件标签应用

<vue3dLoader
  :height="200"
  :showFps="true"
  :filePath="['/fbx/1.fbx', '/obj/2.obj', '/gltf/3.gltf']"
  :mtlPath="[null, '/obj/2.mtl', null]"
  :backgroundColor="0xff00ff"
></vue3dLoader>