title: Unable to use two component in vue js
body: <p>I am new to <strong>Vue</strong> and i have a problem :</p>
  
  <p>Here is my <code>index.html</code> that i use 2 custom tag <strong>aas</strong> and task :</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
  &lt;/head&gt;
  &lt;body&gt;
      &lt;div id="root"&gt; 
          &lt;aas&gt;&lt;/aas&gt;
          &lt;task&gt;&lt;/task&gt;
      &lt;/div&gt;
      &lt;script src="../index/vue.js"&gt;&lt;/script&gt;
      &lt;script src="main.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>And my <code>main.js</code> :</p>
  
  <pre><code>Vue.component('aas', {
          template:'&lt;a&gt;&lt;slot&gt;&lt;/slot&gt;&lt;/a&gt;'
      });
      Vue.component('task', {
          template:'&lt;li&gt;&lt;slot&gt;&lt;/slot&gt;&lt;/li&gt;'
      });
      new Vue({
          el:'#root'
      });
  </code></pre>
  
  <p>But i have a error :</p>
  
  <pre><code>    vue.js:597 [Vue warn]: Unknown custom element: &lt;aas&gt; - did you register the component correctly? For recursive components, make sure to provide the "name" option.
  
  (found in &lt;Root&gt;)
  </code></pre>
  
  <p>Is There a way fix it?!</p>