How to display data in template from Vue.extend?
<p>Here is my code:</p>
<pre class="lang-js prettyprint-override"><code>   var guestContent = Vue.extend({
       template: `
           &lt;p&gt;Guest content&lt;/p&gt;
       `,
       data: function () {
           return {
              qs: getQuestionsContent();  // here I would like to get in qs data from function          
           }    
       }
   });
        
</code></pre>
<p>Here is my App.js:</p>
<pre class="lang-js prettyprint-override"><code>    App = new Vue ({ /
        el: '#app',
        data: {
            topMenuView: &quot;guestmenu&quot;,
            contentView: &quot;guestcontent&quot;,
        }
    });
</code></pre>
<p>I need to display <code>qs</code> instead of Guest content and do for example <code>v-for</code> or some kind of other iteration. How can I do it?</p>
<p>Why:</p>
<pre class="lang-js prettyprint-override"><code>    var guestContent = Vue.extend({
        template: `
            &lt;p&gt;Guest content&lt;/p&gt;
            &lt;p&gt;{{foo}}&lt;/p&gt; // foo not display
        `,
        data: function () {   
            foo: &quot;dddddddddd&quot;;
        }
    });
</code></pre>
<p>Why is this not working?</p>