wip(oimo): cancelable 'n nextTick

README.md

@@ -54,7 +54,8 @@ Vue.use(VueThreejs)
   - [ ] global-control
 - [ ] Physical engine
   - [x] movement(a/v/pos/ra/rv/rot)/mass(m/F)
-  - [ ] gravity(G/r)/collision
+  - [x] gravity(G/r)/collision/oimo
+  - [ ] circular-motion/centripetal-force
 - [ ] Unit test
   - [x] karma/mocha/phantom
   - [ ] avoriaz/ava

src/components/Base.vue

@@ -12,6 +12,7 @@ export default {
       let e = new CustomEvent(name, {
         detail,
         bubbles: true,
+        cancelable: true,
         ...options
       })
       return this.$el.dispatchEvent(e)

src/oimo/OimoBody.vue

@@ -17,9 +17,13 @@ export default {
 
     let body = this.world.add(opts)
     body.connectMesh(this.curObj)
-
     this.body = body
-    this.dispatchEvent('vm-oimo-body', this)
+
+    // If you want to wait until the entire view has been rendered
+    // https://vuejs.org/v2/api/#mounted
+    this.$nextTick(() => {
+      this.dispatchEvent('vm-oimo-body', body)
+    })
   },
 
   beforeDestroy () {

src/oimo/SpaceObject.vue

@@ -1,5 +1,5 @@
 <template>
-  <div @vm-oimo-body="handleBodyVm">
+  <div @vm-oimo-body="handleBody">
     <slot></slot>
   </div>
 </template>
@@ -10,7 +10,7 @@ export default {
   inject: ['spaceVms'],
 
   data () {
-    return { bodyVm: null }
+    return { body: null }
   },
 
   mounted () {
@@ -22,15 +22,10 @@ export default {
     if (index > -1) this.spaceVms.splice(index, 1)
   },
 
-  computed: {
-    body () {
-      return this.bodyVm && this.bodyVm.body
-    }
-  },
-
   methods: {
-    handleBodyVm (e) {
-      this.bodyVm = e.detail
+    handleBody (e) {
+      e.stopPropagation()
+      this.body = e.detail
     }
   }
 }