demo to showcase how to combine A-frame and vuejs
Switch branches/tags
Nothing to show
Clone or download
Permalink
Type Name Latest commit message Commit time
Failed to load latest commit information.
README.md Update README.md May 4, 2018
index.html updated 3d.io and fixed v-for missing key issue May 4, 2018

README.md

Using vuejs with A-frame

A-frame is great, vuejs is great why not combine them?

This demo uses a custom vue component to wrap an aframe entity to add reactive magic to the aframe scene https://rawgit.com/frederic-schwarz/aframe-vuejs-3dio/master/index.html

Basic setup:

custom component with reactive property within the aframe scene

<a-scene>
  <my-component :furniture-id="id"></my-component>
</a-scene>

vue.js component definition

Vue.component('my-component', {
  props: ['furnitureId'],
  template: `<a-entity :io3d-furniture="'id:' + furnitureId"></a-entity>`
})    

Take a look at index.html for the actual implementation.

Result:

Find furniture

furniture via 3d.io