title: Vue component not loading the data
body: <p>I'm testing Laravel 5.4 with Vue Components. But the Problem is Vue Components not displaying in View page.</p>
  
  <p>Here is my Vue File :</p>
  
  <p><strong>ChatMessage.vue</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
          &lt;p&gt;Message text is here&lt;/p&gt;
          &lt;small&gt;Author Name&lt;/small&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
  
  &lt;/script&gt;
  &lt;style&gt;
  &lt;/style&gt;
  </code></pre>
  
  <p>Here is the blade <strong>chat.blade.php</strong></p>
  
  <pre><code>&lt;html&gt;
      &lt;head&gt;
          &lt;title&gt;Chat Rool&lt;/title&gt;
          &lt;link rel="stylesheet" href="css/app.css"&gt;
      &lt;/head&gt;
      &lt;body&gt;
          &lt;div id="app"&gt;
              &lt;h1&gt;Chat Room&lt;/h1&gt;          
              &lt;chat-message&gt;&lt;/chat-message&gt;
          &lt;/div&gt;
          &lt;script src="js/app.js" charset="utf-8"&gt;&lt;/script&gt;
      &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>
  
  <p>Here is my <strong>app.js</strong></p>
  
  <pre><code>require('./bootstrap');
  
  Vue.component('chat-message', require('./components/ChatMessage.vue'));
  
  const app = new Vue({
      el: '#app'
  });
  </code></pre>
  
  <p>There is no error of loading <strong>app.js</strong> Because I have checked it's there in view page.
  Can anyone suggest Me what's the wrong here?</p>