title: Possible to open modal from outside the vue component
body: <p>Is it possible to call a method from outside the component to make the component reuseable?</p>
  
  <p>Right now I add my button to open the modal in a template slot:</p>
  
  <p><code>index.php</code></p>
  
  <pre><code>&lt;modal&gt;
      &lt;template slot="button"&gt;
          &lt;button class="btn"&gt;Open modal&lt;/button&gt;
      &lt;/template&gt;
      Some modal text
  &lt;/modal&gt;
  </code></pre>
  
  <p><code>Modal.vue</code></p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;div @click="showModal"&gt;&lt;slot name="button"&gt;&lt;/slot&gt;&lt;/div&gt;
          &lt;div v-if="showingModal"&gt;&lt;slot&gt;&lt;/slot&gt;&lt;/div&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
  
          data () {
              return {
                  showingModal: false,
              }
          },
  
          methods: {
              showModal() {
                  this.showingModal = true;
              },
          }
      }
  &lt;/script&gt;
  </code></pre>
  
  <p>I feel like there is an better option but I can't figure it out.</p>