title: How update vue variable if API variable changed?
body: <p>I would like to use VUE in combination with Pano2VR. Pano2VR has an API (<a href="https://ggnome.com/doc/javascript-api/" rel="nofollow noreferrer">https://ggnome.com/doc/javascript-api/</a>) that allows me to use the value of a variable from Pano2VR in Vue.</p>
  <p>I programmed a code that finds the value of a variable from Pano2VR and assigns that value to the VUE.</p>
  <p>If I change the value of a variable in VUE, I can also change it in Pano2VR.
  The problem, however, is that I need that if the value of a variable in Pano2VR changes, it also changes automatically in VUE.</p>
  <p>The code I have below is what works for me so far, except for updating the values in Vue, if the value of the variable in Pano2VR changes.</p>
  <p>Can someone help me how to do it ? May thanks for your time and help.</p>
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>const app = new Vue ({
      el: '#app',
      data: {
          dude: pano.getVariableValue('vue_text')
          // save value from variable "vue_text" from Pano2VR into dude
      },
  
      methods: {
          update: function () {
              this.dude = 'Lama lamová',
              pano.setVariableValue('vue_text', this.dude);
              // update Pano2VR variable
          }
      },
  })</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;div id="app" @click="update"&gt;
    {{ dude }}
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>