title: BootstrapVue Table not displaying data
body: <p>I am trying to use the bootstrapVue table found <a href="https://bootstrap-vue.js.org/docs/components/table/" rel="nofollow noreferrer">here</a></p>
  
  <p>If i use their example exactly the table works great. </p>
  
  <pre><code>  &lt;b-table striped hover :items="items"&gt;&lt;/b-table&gt;
  </code></pre>
  
  <p>However once i use </p>
  
  <pre><code>&lt;b-table striped hover :fundingInstructions="fundingInstructions"&gt;&lt;/b-table&gt;
  </code></pre>
  
  <p>My table does not display and when i look in the dev tools i see that my table has [object,Object] for each object i return from my api.
  <a href="https://i.stack.imgur.com/8Mmqb.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/8Mmqb.png" alt="enter image description here"></a>
   If i console log my data i see an array [] with multiple objects. How do i get the table to display my data?</p>
  
  <pre><code> const items = [
    { isActive: true,  date:'10/20/2018', amount:'$4568.00', city:'FL Palm Beach' },
    { isActive: false,  date:'10/21/2018', amount:'$789.23', city:'FL Daytona Beach' },
    { isActive: false,  date:'10/21/2018', amount:'$999.99', city:'FL Key West' },
    { isActive: true,  date:'10/22/2018', amount:'$589.00', city:'FL Deltona' }
  ]
  
   export default {
      data() {
        return {
          fundingInstructions : [],
           fields: [ 'subMerchantName', 'fundsTransferId', 'amount' ,'accType', 'submitDate' ],
          items: items
        }
        },
           methods:{
             async GetFundingInstructionInfo(){
               this.fundingInstructions = await api.getAllFundingInstructions()
  }
  </code></pre>