title: Vue.js - Calling a component's method from Vue instance
body: <p>I have a created a Vue instance and a global component. How can I call the component's method from my Vue instance?</p>
  
  <p>In my <strong>Vue instance</strong> I did this:</p>
  
  <pre><code>methods: {
      handleTabClick: function(tab, event) {
          if (tab.name == 'log') {
              call loadLog function in log component
          }
      }
  }
  </code></pre>
  
  <p>Then my <strong>component</strong> is defined as this:</p>
  
  <pre><code>Vue.component('jettLog', {
      props: ['shop'],
  
      data() {
          return {
              log: [],
              logLoading : true
          }
      },
  
      methods: {
          loadLog: function() {
              console.log("Load");
          },
      },
  });
  </code></pre>
  
  <p>How can I call jettLog's function <code>loadLog</code> from <code>handleTabClick()</code>?</p>
  
  <p>I see different explanations and now I am wondering what's the best way to do it?</p>
  
  <p>Thanks!</p>