title: Vue Components not showing/updating
body: <p>I am working in Laravel 5.4, and Vue components are not showing/updating.
  I start a new project and create a route /chat in web.php</p>
  
  <p>This is chat.blade.php</p>
  
  <pre><code>&lt;!DOCTYPE html&gt;
  &lt;html&gt;
  &lt;head&gt;
      &lt;title&gt;&lt;/title&gt;
      &lt;link rel="stylesheet" type="text/css" href="css/app.css"&gt;
  &lt;/head&gt;
  &lt;body&gt;
  &lt;div id="app"&gt;
  &lt;example&gt;&lt;/example&gt;
  &lt;chat&gt;&lt;/chat&gt;
  &lt;/div&gt;
  
  &lt;script type="text/javascript"&gt;
  window.Laravel = { csrfToken: '{{ csrf_token() }}' };
  &lt;/script&gt;
  &lt;script src="js/app.js"&gt;&lt;/script&gt;
  &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>This is app.js</p>
  
  <pre><code>require('./bootstrap');
  Vue.component('example', require('./components/Example.vue'));
  Vue.component('chat', require('./components/Chat.vue'));
  
  const app = new Vue({
  el: '#app'
  });
  </code></pre>
  
  <p>Example and Chat components are some basic templates, I am not passing any data, just plain text.</p>
  
  <p>Chat.vue</p>
  
  <pre><code>&lt;template lang="html"&gt;
  &lt;div id="content"&gt;
      &lt;h1&gt;Messages&lt;/h1&gt;
      &lt;p&gt;Message text&lt;/p&gt;
      &lt;small&gt;Hiii&lt;/small&gt;
  &lt;/div&gt;
   &lt;/template&gt;
  
  &lt;script&gt;
  export default {
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>When I run php artisan for the first time, everything works. I try to edit some text in Chat.vue, like change 'Hiiii' to Hello, when I reload the page it won't change, it just stays the same. I tried restarting the pc, running php artisan again, anything I could think of.
  I tried putting some Vue code directly in chat.blade.php, and than it works. It looks like it is not detecting changes in app.js and components.
  FYI, I even deleted the Example.vue component. It still appeared on the page.</p>