title: How do you dynamically create multiple bootstrap cards with Vue
body: <p>I want to use the bootstrap cards with Vue dynamically. With Bootstrap Vue, to create a card I can do the following.</p>
  
  <pre><code>      &lt;b-card title="Title" img-src="https://placekitten.com/500/350" img-alt="Image" img-top&gt;
          &lt;b-card-text&gt;
            {{getBlogOfType("Vue")}}
          &lt;/b-card-text&gt;
          &lt;b-card-text class="small text-muted"&gt;Last updated 3 mins ago&lt;/b-card-text&gt;
        &lt;/b-card&gt;
  </code></pre>
  
  <p>What I want to be able to do is create the number of cards based on the number of blogs I have from a database. I have my project linked to Firebase and I am able to access the content. I have written a method "getBlogOfType(param)" to get the blog from firebase. As shown above I can call the method multiple times to get the blog I want, but how can I achieve this without manually creating a separate card every time?</p>