title: vuejs component not rendering in my laravel 5.3 blade page
body: <p>I am using laravel 5.3 and vue 1.0.26 version and it is unable to load components into blade pages. It showing empty. I was just trying with given laravel example component.</p>
  
  <p>If any body have solution please suggest.</p>
  
  <p>my app-laravel.js file</p>
  
  <pre><code>require('./bootstrap');
  
  Vue.component('example', require('./components/Example.vue'));
  
  const app = new Vue({
  el: '#app'
  });
  </code></pre>
  
  <p>my blade page looks like</p>
  
  <pre><code>  &lt;div class="col-10 text-muted"&gt;
   &lt;div id="app"&gt;
                  &lt;example&gt;&lt;/example&gt;
   &lt;/div&gt;
  
              &lt;/div&gt;
  </code></pre>
  
  <p>and am using gulp which looks like</p>
  
  <pre><code>elixir(mix =&gt; {
  mix.sass('app.scss', 'public/css/app.min.css')
  .scripts([
      '../../../node_modules/jquery/dist/jquery.min.js',
      'libraries/datatables.responsive.js',
      'libraries/datatables.responsive.bootstrap4.js',
      '../../../node_modules/vue/dist/vue.min.js',
      'app.js',
  ], 'public/js/app.min.js');
  });
  </code></pre>
  
  <p>my Example.vue file here</p>
  
  <pre><code> &lt;div class="container"&gt;
      &lt;div class="row"&gt;
          &lt;div class="col-md-8 col-md-offset-2"&gt;
              &lt;div class="panel panel-default"&gt;
                  &lt;div class="panel-heading"&gt;Example Component&lt;/div&gt;
  
                  &lt;div class="panel-body"&gt;
                      I'm an example component!
                  &lt;/div&gt;
              &lt;/div&gt;
          &lt;/div&gt;
      &lt;/div&gt;
  &lt;/div&gt;
  
  
  &lt;script&gt;
   export default {
       ready() {
           console.log('Component ready.')
       }
   }
  &lt;/script&gt;
  </code></pre>