要在Nuxt.js中正常工作,您需要正确设置AFRAME和Hiro标记。请按照以下步骤进行操作:
npm install aframe hiro-marker --save
或
yarn add aframe hiro-marker
plugins
文件夹中创建一个新的文件,例如aframe.js
:import Vue from 'vue';
import AFRAME from 'aframe';
import 'hiro-marker';
Vue.prototype.$AFRAME = AFRAME;
nuxt.config.js
)中注册自定义插件。在plugins
数组中添加刚刚创建的插件:module.exports = {
// ...
plugins: [{ src: '~/plugins/aframe.js', ssr: false }],
// ...
};
请根据您的具体需求自定义和修改上述代码。
这样,您就可以在Nuxt.js中使用AFRAME和Hiro标记了。确保您的模型路径正确,并根据需要自定义Hiro标记的初始化逻辑。