title: Laravel vuejs keep saying data is undefined
body: <p>I am new to laravel/vue js. I was following some tutorial and I could not render data in the html. It throws error <strong>message is undefined</strong> for some reason. And also I did not change much from initial laravel project setup.</p>
  
  <p>one more question. I would like to see console.log result but it does not show in chrome dev-tool. Is this normal for laravel app ? </p>
  
  <blockquote>
    <p>Error Use of undefined constant message - assumed 'message' (View:
    /home/vagrant/flowers/resources/views/app.blade.php)</p>
  </blockquote>
  
  <p><strong>app.js</strong></p>
  
  <pre><code>Vue.component('example', require('./components/Example.vue'));
  
  const app = new Vue({
      el: '#app',
      data: {
        message: 'test',
        todos: [
        { text: 'Learn JavaScript' },
        { text: 'Learn Vue' },
        { text: 'Build something awesome' }
      ]
    }
  });
  </code></pre>
  
  <p><strong>app.blade.php</strong></p>
  
  <pre><code>&lt;html&gt;
    &lt;head&gt;
      &lt;link re="stylesheet" href="{{ asset('css/app.css')}}"
    &lt;/head&gt;
    &lt;body&gt;
      &lt;div id="app"&gt;
        {{message}}
        &lt;example/&gt;
      &lt;/div&gt;
      &lt;script src="{{ asset('js/app.js')}}"/&gt;&lt;/script&gt;
    &lt;/body&gt;
  &lt;/html&gt;
  </code></pre>