How to prevent multiple instances of components from running?

Question

JavaScript

If the method is called a second time, then a copy of the component will be created, how to prevent this?

<div id="app">
   <component v-bind:is="currentComponent"></component>
</div>

new Vue({
  el: "#app",
  name: 'root',
  data: function () {
    return {
      currentComponent: 'game-start-view'
    }
  },
  methods: {
    getLevel() {
      this.currentComponent = "game-level";
    },
    getGame() {
      this.currentComponent = "game-agreement";
    },
    stopGame() {
      this.currentComponent = "game-start-view";
    }
  }
});

Answer 1

$( window ).resize(function().....)
try this

Answer 2

You are some kind of hardcore, but what prevents you from doing this with different components initially and attaching everything to v-if and displaying the one you need, well, or make similar logic with slots