邏輯和資料的分離

如果需要,系統可以幫助將邏輯和行為與資料分開。我們讓系統處理繁重的工作,元件只擔心通過其生命週期方法管理資料:

AFRAME.registerSystem('my-component', {
  createComplexObject: function (data) {
    // Do calculations and stuff with data.
    return new ComplexObject(data);
  }
});

AFRAME.registerComponent('my-component', {
  init: function () {
    this.myObject = null;
  },

  update: function () {
    // Do stuff with `this.data`.
    this.myObject = this.system.createComplexObject(this.data);
  }
});