title: vue.js is not showing in browser
body: <ol>
  <li></li>
  </ol>
  <p>TaskList.vue file code <strong>Resoueces/assets/js/components</strong>
  <div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>&lt;template&gt;
      &lt;div&gt;
          &lt;ul&gt;
              &lt;li v-for="task in tasks" v-text="task"&gt;
                &lt;/li&gt;
          &lt;/ul&gt;
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;
      export default {
          data() {
              return{
                  tasks: []
              };
           },
  
           created(){
              axios.get('/tasks').then(response =&gt; (this.tasks = response.data));
           }
      };
  &lt;/script&gt;
  
  2.App.js file code **Resources/assets/js**
  
  
  /**
   * 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('task-list', require('./components/TaskList.vue'));
  
  const app = new Vue({
  el: '#app'
  });
  
  3. welcome.blade.php file code
  &lt;body&gt;
  
              &lt;div id="app"&gt;
  
                  &lt;task-list&gt;&lt;/task-list&gt;
              &lt;/div&gt;
  &lt;/body&gt;</code></pre>
  </div>
  </div>
  
  Error is describe in number like 1,2 its different error</p>
  <pre><code> 1) 
  
  [Vue warn]: Property or method &quot;task&quot; is not defined on the instance but referenced during render. Make sure that this property is reactive, either in the data option, or for class-based components, by initializing the property. See: https://v2.vuejs.org/v2/guide/reactivity.html#Declaring-Reactive-Properties.
  </code></pre>
  <p>2)<code>app.js:13797 GET http://localhost/tasks 404 (Not Found)</code></p>
  <pre><code>3) You are running Vue in development mode.
      Make sure to turn on production mode when deploying for production.
      See more tips at https://vuejs.org/guide/deployment.html
  
  4) app.js:13822 Uncaught (in promise) Error: Request failed with status code 404
      at createError (app.js:13822)
      at settle (app.js:35254)
      at XMLHttpRequest.handleLoad (app.js:13696)
  </code></pre>
  <p><strong>Route List:</strong> <code>route/web.php</code></p>
  <pre><code>      Route::get('/tasks', function () {
  
      return Task::latest()-&gt;pluck('body');
  });
  Route::get('/tasks', function () {
      Task::ForceCreate(request(['body']));
  });
  </code></pre>