Access Vue this from the scene object about ion-phaser HOT 6 OPEN

You probably already found a solution but I'll just share how I did it for any future readers.
Declare a variable "vue" (or whatever you want to call it) outside export default block and then assign this variable in the mounted method. Example:

<script>
var vue;
var game = {
 scale: {...},
 scene: {... <we can access vue's property myText with vue.myText here> ...},
 physics: {...}
}
export default {
 data(){
  return {
   myText: '',
  };
 },
 mounted(){
  vue = this; 
 }
}
</script>

Then inside phaser game code you can access the vue variable - which will be the instance of vue and therefore you will be access methods, properties, etc. like so vue.myText

from ion-phaser.

Can you use an event emitter approach instead?

from ion-phaser.

Well that's what I wanted to do, but I still need this.$emit inside my create() method, thus I need access to vue this

from ion-phaser.

Well that's what I wanted to do, but I still need this.$emit inside my create() method, thus I need access to vue this

Try using a third party EventEmitter system, e.g: https://www.npmjs.com/package/eventemitter3

from ion-phaser.

I mean, Phaser has an EventEmitter system and VueJS too, so try using another alternative so that they can communicate, it could even be with Service workers, imagination is the limit! <3

from ion-phaser.

You probably already found a solution but I'll just share how I did it for any future readers. Declare a variable "vue" (or whatever you want to call it) outside export default block and then assign this variable in the mounted method. Example:

<script>
var vue;
var game = {
 scale: {...},
 scene: {... <we can access vue's property myText with vue.myText here> ...},
 physics: {...}
}
export default {
 data(){
  return {
   myText: '',
  };
 },
 mounted(){
  vue = this; 
 }
}
</script>

Then inside phaser game code you can access the vue variable - which will be the instance of vue and therefore you will be access methods, properties, etc. like so vue.myText

dude, you've saved my life!!!!

from ion-phaser.