title: Show Component on Click with vue JS
body: <p>I'd like to show a modal-component after an &quot;on click&quot;-Event is triggered. Is it possible to show a component using a method call? Or what is the best practice in this case?</p>
  <p>My use case is as follows:</p>
  <p>I have multiple cards, which contain several information about something. When the user clicks on one card a modal-component should pop up and show more details about this card.</p>
  <pre><code>&lt;div class=&quot;card&quot; @click=&quot;showDetails()&quot;&gt;
  &lt;h3 class=&quot;header&quot;&gt;{{ Name }} {{ Type }}&lt;/h3&gt;
  &lt;div class=&quot;container&quot;&gt;
    some Information&lt;br&gt;
    more Information&lt;br&gt;
  &lt;/div&gt;
  
  
  
  export default {
    props: {
      job: Object
    },
    components: {
    },
    methods: {
      showDetails() {
  
      }
    },
    name: &quot;card&quot;
  };
  &lt;/script&gt;
  </code></pre>