title: How do I register a Vue component?
body: <p>I have the following files.  All I want to do is to be able to create different components that are injected.  How do I achieve this using require.js?  Here are my files:</p>
  
  <p><strong>main.js</strong></p>
  
  <pre><code>define(function(require) {
      'use strict';
      var Vue = require('vue');
      var myTemplate = require('text!myTemplate.html');
  
      return new Vue({
          template: myTemplate,
      });
  });
  </code></pre>
  
  <p><strong>myTemplate.html</strong></p>
  
  <pre><code>&lt;div&gt;
    &lt;my-first-component&gt;&lt;/my-first-component&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>MyFirstComponent.vue</strong></p>
  
  <pre><code>&lt;template&gt;
    &lt;div&gt;This is my component!&lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  export default {}
  &lt;/script&gt;
  </code></pre>