title: VueJS with FullCalendar: load fullCalendar ONLY after linking scripts in index.html
body: <p>I want to load fullCalendar into my Vue component but I get the error "fullCalendar is not a function". It seems as if all the scripts that I load in my index.html file are loaded after the Vue component is loaded</p>
  
  <p>In my index.html file I have loaded the moment.min.js, jquery.min.js, and fullcalendar.min.js. </p>
  
  <p>In my Calendar.vue, I have </p>
  
  <pre><code>export default {
  
      mounted () {
          $('#calendar').fullCalendar({})
      }
  
  }
  </code></pre>
  
  <p>The $ would not be available unless I explicitly do "import $ from 'jquery'", which suggests that the scripts in index.html file do not load until after the component.</p>
  
  <p>How do I solve this problem?</p>
  
  <p>ADDITIONAL DETAILS: I am using Webpack with VueJS provided by <a href="https://github.com/vuejs-templates/webpack" rel="nofollow noreferrer">https://github.com/vuejs-templates/webpack</a> and am thus using the VueJS npm module, while the jquery, moment and fullcalendar libraries are all from CDN's linked from my index.html.</p>