title: Vue.js component does not show up
body: <p>I'm having difficulties understanding where the problem is.</p>
  
  <p>I have a component called <code>PlayerTabs</code> which has different tabs. One of them is Goals (Basketball). I want the component <code>BasketballGoals.vue</code> to appear in this tab.</p>
  
  <p><a href="https://i.stack.imgur.com/ZA2kr.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ZA2kr.png" alt="Here are the tabs"></a></p>
  
  <p>In the component PlayerTabs I define the tabs in the template:</p>
  
  <pre><code>  &lt;v-tab title="Goals (Basketball)"&gt;
      &lt;app-basketball-goals&gt;&lt;/app-basketball-goals&gt;
    &lt;/v-tab&gt;
  </code></pre>
  
  <p>and import the component in the script:</p>
  
  <pre><code>import BasketballGoals from "./PlayerBasicInfo/BasketballGoals.vue";
  </code></pre>
  
  <p>and registered the BasketballGoals component <code>Playertabs</code> in components:</p>
  
  <pre><code>export default {
    components: {
      appPlayers: Players,
      appTimetables: Timetables,
      appHistories: Histories,
      appPhysicalGoals: PhysicalGoals,
      appBasketballGoals: BasketballGoals,
      appScholarship: Scholarship,
    },
  </code></pre>
  
  <p>The BasketballGoals component starts like this:</p>
  
  <pre><code>&lt;script&gt;
      export default {
          name: 'goals',
          data: function() {
              return {
                  times: [{
                      hour: '00',
                      isActive: false
                  }, {
  </code></pre>
  
  <p>Here's the full <a href="https://codeshare.io/aJ4zKr" rel="nofollow noreferrer">component</a>.</p>
  
  <p>I've been trying for hours now to make the component appear in the tab, but I can't make it work and don't get an error too. 
  Can someone help me?</p>