如何传递对 aframe 组件的引用？

我正在编写一个自定义 aframe 组件来渲染基于很长的对象数组的网格。

Aframe 文档仅将数组列为输入类型，您可以在其中传递属性，它将被解析为数组attributename="1 2 3"

我想从外部将 JavaScript 引用传递到组件中，如下所示：

const hugeArray = [{somejson}, ...]
const element = document.createElement('my-component');
element.<something happens here>

或者在 DOM API 之外创建一个组件并将参数传递给组件的init方法。

Use setAttribute，它也可以接受对象和数组。穿过schema而不是调用一个方法，因为init处理程序将在正确的时间自动为您呼叫。

https://aframe.io/docs/0.5.0/core/entity.html#setattribute-attr-value-componentattrvalue https://aframe.io/docs/0.5.0/core/entity.html#setattribute-attr-value-componentattrvalue

AFRAME.registerComponent('mycomponent', {
  schema: { 
    yourData: {type: 'array'}
  },

  init: function () {
    console.log(this.data.yourData);
  }
});

const hugeArray = [{somejson}, ...]
const element = document.createElement('a-entity');
element.setAttribute('mycomponent', {yourData: hugeArray});
scene.appendChild(element);