gistfile1.txt

<template>
  <div :id="id" style="float:left;margin:20px;">
  </div>
</template>

<script>

import Phaser from 'phaser'

export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App',
      id: null,
      game: null
    }
  },
  destroyed () {
    console.log('id:' + this.game.canvas.parentNode.id)
    this.game.canvas.parentNode.removeChild(this.game.canvas)
    this.game.destroy()
  },
  beforeMount () {
    this.id = 'game' + this._uid
  },
  mounted () {
    var config = {
      parent: this.id,
      type: Phaser.CANVAS,
      audio: {noAudio: true},
      width: 200,
      height: 200,
      scene: {
        preload: preload,
        create: create
      }
    }

    this.game = new Phaser.Game(config)
    function preload () {
    }

    function create () {
      console.log(this)
    }
  }
}

</script>