vue js. Initialize component on click?

Question

Vue.js

There is a hidden block with a component that opens at the user's request. And there is one problem, the component contains Google maps, which are not initialized in the hidden block. If the block is initially visible, then everything is OK.
How to initialize or update a component on click?

Answer 1

Through $reftake the component and call $forceUpdate()?
Type:

<vue-google-map ref="map" :coords=[lat, lng] />
...
methods: {
  reinitMap() {
    this.$refs.map.$forceUpdate();
  }
}