title: Bootstrap-vue: how to pass data to modal?
body: <p>I'm trying to use bootstrap-vue modal to show details from a collection of items.</p>
  
  <p>What I want is to pass data to modal to show a simple message. </p>
  
  <p>I first loop over recordset to show button.</p>
  
  <pre><code>&lt;ul&gt;
    &lt;li v-for="item in items"&gt;{{ item.first_name }} 
        &lt;b-button size="sm" v-b-modal="'myModal'" user="'item'"&gt;
          Saluta {{item.first_name}}
        &lt;/b-button&gt; 
    &lt;/li&gt;
  &lt;/ul&gt;
  </code></pre>
  
  <p>And then display name in modal:</p>
  
  <pre><code>&lt;b-modal id="myModal" :user="'user'"&gt;
    Hello {{user}}!
  &lt;/b-modal&gt;
  </code></pre>
  
  <p>Here's my fiddle <a href="https://jsfiddle.net/bptLavov/259/" rel="noreferrer">https://jsfiddle.net/bptLavov/259/</a></p>