title: Istance of variable with VueJS and Node-RED
body: <p>I'm developing a simple app with Node-RED, VueJS and Waton API.
  I wrote following code in a flow wired to HTTP OUTPUT.
  The problems start when I try to visualize the web page.
  The hint message change, the question message no.</p>
  
  <p>Why I can't see the questions?</p>
  
  <p>Maybe is a problem of scope?</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  
  &lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;meta name="viewport" content="width=device-width"&gt;
    &lt;title&gt;Find Funds&lt;/title&gt;
  
    &lt;!-- Include VueJS Framework --&gt;
    &lt;script src="https://unpkg.com/vue"&gt;&lt;/script&gt;
  
    &lt;!-- Include VueJS Resource --&gt;
    &lt;script src="https://cdn.jsdelivr.net/npm/vue-resource@1.3.4"&gt;&lt;/script&gt;
  
    &lt;!-- Include W3.CSS Framework --&gt;
    &lt;link rel="stylesheet" href="https://www.w3schools.com/w3css/4/w3.css"&gt;
  
    &lt;!-- Include Google Icon --&gt;
    &lt;link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet"&gt;
  &lt;/head&gt;
  
  &lt;body class="w3-cyan"&gt; 
    &lt;div id="app" class="w3-contenitor w3-round w3-white w3-display-middle"&gt;
      &lt;span clas="w3-row"&gt;
        &lt;h1 class="w3-margin w3-threequarter"&gt;{{getQuestion()}}&lt;/h1&gt;
      &lt;/span&gt;
      &lt;span class="w3-row"&gt;
        &lt;form&gt;
          &lt;input type="text" class="w3-margin" v-model="currentAnswer"&gt;
          &lt;i class="material-icons w3-margin" v-on:click="addAnswer()"&gt;send&lt;/i&gt;
          &lt;i class="material-icons w3-margin" v-bind:title="getHint()"&gt;help_outline&lt;/i&gt;
        &lt;/form&gt;
      &lt;/span&gt;
    &lt;/div&gt;
  
  &lt;script id="jsbin-javascript"&gt;
  var app = new Vue({
    el: '#app',
    data: {
      count: 0,
      questions: ["first", "second", "third", "fourth", "fifth"],
      hints: ["first hint", "second hint", "third hint", "fourth hint", "fifth hint"],
      answers: [],
      currentAnswer: ""
    },
    methods: {
      getQuestion: function(){
        return this.questions[this.count];
      },
      getHint: function(){
        return this.hints[this.count];
      },
      addAnswer: function(){
        this.answers.push(this.currentAnswer);
        this.count++;
        this.currentAnswer = "";
  
        if(this.count &gt;= this.questions.length){
          // some code
        }
      }
    }
  })
  &lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>