title: How to Fetch data using Vue Js laravel
body: <p>How do I fetch data using vue js and laravel . I have created vue component and controller.  </p>
  
  <p>Here is my database table structure 
  <a href="https://i.stack.imgur.com/zM0LT.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zM0LT.png" alt="enter image description here"></a></p>
  
  <pre><code>&lt;script&gt;
  export default {
  
      data(){
          return {
              kudos : []
          }
      },
      created(){
          axios.get('./api/kudos')
          .then(response =&gt; this.kudos = response.data);
      }
  }
  &lt;/script&gt;
  </code></pre>
  
  <p>What I need to do is fetch the database data to blade file using vuejs .
  Could someone guide me step by step?</p>
  
  <ol>
  <li>Controller</li>
  <li>Vue Component</li>
  <li>Blade File</li>
  </ol>