title: Vue2 component not displaying bootstrap dropdown
body: <p>I have a Vue child component that displays a bootstrap modal and requires some fields, with one of the fields being a dropdown selection. For whatever reason, the dropdown button doesn't activate, so the dropdown items don't get shown: 'aria-expand' stays false when clicked. My issue is that the code clearly works outside of the component, so I don't really understand what is going wrong. Here's a working <a href="https://jsfiddle.net/a2ro98so/7/" rel="nofollow noreferrer">JSfiddle</a> of what I'm going for.</p>
  <p>The code I'm using for my Vue component is exactly the same with the exception of</p>
  <pre><code>`&lt;template&gt;
      &lt;div&gt; 
          // insert jsfiddle code here
      &lt;/div&gt;
  &lt;/template&gt;
  &lt;script&gt;
      export default{}
  &lt;/script&gt;`
  </code></pre>
  <p>The component works fine, with the modal showing when a button is pressed, its only the dropdown that doesnt work. In case its in any way relevant, I'm using <a href="https://v2.vuejs.org/v2/guide/single-file-components.html" rel="nofollow noreferrer">single file vue components</a> with laravel.</p>