title: How do I display data through components with Vue.js (using Vueify)?
body: <p>I'm having trouble getting data to display in my Vue components. I'm using Vueify and I'm trying to load an array of listings from the <code>listings.vue</code> component and I keep getting errors. Also, I don't understand how to pull in the data via the <code>computed</code> method. Any help would be appreciated.</p>
  
  <p>This is the error I'm getting in the console:</p>
  
  <pre><code>[Vue warn]: The "data" option should be a function that returns a per-instance value in component definitions. 
  [Vue warn]: $mount() should be called only once.
  </code></pre>
  
  <p>Here is my app.vue</p>
  
  <pre><code>// app.vue
  &lt;style&gt;
    .red {
      color: #f00;
    }
  &lt;/style&gt;
  
  &lt;template&gt;
      &lt;div class="container"&gt;
          &lt;div class="listings" v-component="listings" v-repeat="listing"&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      module.exports = {
          replace: true,
          el: '#app',
          components: {
              'listings': require('./components/listings.vue')
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>Here is my listings.vue component</p>
  
  <pre><code>&lt;style&gt;
  .red {
    color: #f00;
  }
  &lt;/style&gt;
  
  &lt;template&gt;
    &lt;div class="listing"&gt;{{title}} &lt;br&gt; {{description}}&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
      module.exports = {
  
            data: {
              listing: [
                {
                  title: 'Listing title number one',
                  description: 'Description 1'
                },
                {
                  title: 'Listing title number two',
                  description: 'Description 2'
                }
              ]
            },
  
          // computed: {
          //  get: function () {
          //      var request = require('superagent');
          //      request
          //      .get('/post')
          //      .end(function (res) {
          //          // Return this to the data object above
        //                // return res.title + res.description (for each one)
          //      });
          //  }
          // }
      }
  &lt;/script&gt;
  </code></pre>