title: Laravel + VueJS - Component doesn't displayed
body: <p>I'm trying to add VueJS in my Laravel app, but my first component is not displayed on my page.</p>
  
  <p>As you can see on the source page, we can see the component "login".
  <a href="https://i.stack.imgur.com/gjhKK.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/gjhKK.png" alt="enter image description here"></a></p>
  
  <p>And this is the associate code:</p>
  
  <pre><code>&lt;template&gt;
      &lt;p&gt;Coucou je suis un élément Vue.JS&lt;/p&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          name: "login"
      }
  &lt;/script&gt;
  
  &lt;style scoped&gt;
  
  &lt;/style&gt;
  </code></pre>
  
  <p>It's just a simple component that display a string.</p>
  
  <p>Here you have the app.js</p>
  
  <pre><code>/**
   * First we will load all of this project's JavaScript dependencies which
   * includes Vue and other libraries. It is a great starting point when
   * building robust, powerful web applications using Vue and Laravel.
   */
  
  require('./bootstrap');
  
  window.Vue = require('vue');
  
  /**
   * Next, we will create a fresh Vue application instance and attach it to
   * the page. Then, you may begin adding components to this application
   * or customize the JavaScript scaffolding to fit your unique needs.
   */
  
  Vue.component('example-component', require('./components/ExampleComponent.vue'));
  Vue.component('login', require('./components/Auth/Login.vue'));
  
  const app = new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p>But my problem is that nothing appears on the html page :/ It's completely blank...</p>
  
  <p><a href="https://i.stack.imgur.com/ojgkl.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/ojgkl.png" alt="enter image description here"></a></p>
  
  <p>If someone could explain what's wrong, it will be so appreciate. Thank in advance.</p>