# Any pattern for using Phaser.Game in a Vue component?

**URL:** https://phaser.discourse.group/t/any-pattern-for-using-phaser-game-in-a-vue-component/2344
**Category:** Phaser 3
**Created:** [May 4, 2019, 2:46pm UTC](https://phaser.discourse.group/t/any-pattern-for-using-phaser-game-in-a-vue-component/2344 "2019-05-04T14:46:30Z")
**Posts on this page:** 2
**Page:** 1

<div class="post-metadata">

### Author: ![Gabriel](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/gabriel/32/645_2.png) [@Gabriel](https://phaser.discourse.group/u/Gabriel)
#### Post date: [May 4, 2019, 2:46pm UTC](https://phaser.discourse.group/t/any-pattern-for-using-phaser-game-in-a-vue-component/2344/1 "2019-05-04T14:46:30Z")

</div>

I’m just starting to toy with Vue so there is a lot of ground to cover. Plus using it with Phaser3 is also a challenge. I wonder if there is a pattern to use to have Phaser.Game in a Vue component with no fancy JS stuff (webpack, npm, etc.) just plain JS +Vue.

Thanks.

---

<div class="post-metadata">

### Author: ![jdnichollsc](https://yyz2.discourse-cdn.com/free1/user_avatar/phaser.discourse.group/jdnichollsc/32/1481_2.png) [@jdnichollsc](https://phaser.discourse.group/u/jdnichollsc)
#### Post date: [October 4, 2019, 4:51am UTC](https://phaser.discourse.group/t/any-pattern-for-using-phaser-game-in-a-vue-component/2344/2 "2019-10-04T04:51:52Z")

</div>

Check an example using components instead (Because using **ids** is not a good pattern from any Framework) =\> [https://codepen.io/jdnichollsc/full/oRrwKM](https://codepen.io/jdnichollsc/full/oRrwKM)

- GitHub repo: [https://github.com/proyecto26/ion-phaser](https://github.com/proyecto26/ion-phaser)