title: Vue inline-template with v-for - not defined
body: <p>I am attempting to learn Vue and trying to implement a simple test, utilizing inline templates and <code>v-for</code> loops.</p>
  
  <p>When I load the below page, I receive the following error and no content is rendered to the screen.</p>
  
  <blockquote>
    <p>[Vue warn]: Property or method "posts" is not defined on the instance
    but referenced during render. Make sure to declare reactive data
    properties in the data option.</p>
  </blockquote>
  
  <p>I am a beginner with Vue, but any help would be most appreciated.</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  
  &lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Vue Test&lt;/title&gt;
  
          &lt;link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"&gt;
  
          &lt;script src="http://code.jquery.com/jquery-3.2.1.min.js" integrity="sha256-hwg4gsxgFZhOsEEamdOYGBf13FyQuiTwlAQgxVSNgt4=" crossorigin="anonymous"&gt;&lt;/script&gt;
          &lt;script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"&gt;&lt;/script&gt;
          &lt;script src="https://unpkg.com/vue@2.3.4/dist/vue.js"&gt;&lt;/script&gt;
      &lt;/head&gt;
  
      &lt;body&gt;
          &lt;div id="vue-app" class="container"&gt;
              &lt;post-list inline-template v-for="(post, index) in posts" :key="post.id"&gt;
                  &lt;div class="post"&gt;
                      &lt;h1&gt;{{ post.subject }}&lt;/h1&gt;
                  &lt;/div&gt;
              &lt;/post-list&gt;
          &lt;/div&gt;
  
          &lt;script&gt;
              Vue.component('post-list', {
                  data: function() {
                      return {
                          posts: [
                              { id: 0, subject: 'The first post subject' },
                              { id: 1, subject: 'The second post subject' }
                          ]
                      }
                  }
              });
  
              new Vue({
                  el: '#vue-app'
              });
          &lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Thank you.</p>