title: How do I pass data from a Laravel Blade file to a Vue instance?
body: <p>I have a *.blade.php file which sends a GET request to an API. This returns a *.xml file which I am able to parse into the data to be used within the *.blade.php file. How do I go about passing this information to a *.vue file within my application? I've tried passing the data as a prop, but it doesn't seem to work correctly. Is there a best practice to handle this type of task?</p>
  
  <p><strong>home.blade.php</strong></p>
  
  <pre><code>&lt;?php 
  @extends('layouts.app')
  
  // &lt;PHP API REQUEST HERE&gt;
  
  $example = data stored from XML file;
  ?&gt;
  
  @section('content')
  
  &lt;app :example ="example"&gt;&lt;/app&gt;
  
  @endsection
  </code></pre>
  
  <p><strong>app.vue</strong></p>
  
  <pre><code>&lt;template&gt;
      &lt;div&gt;
  {{ example }}
      &lt;/div&gt;
  &lt;/template&gt;
  
  &lt;script&gt;    
  export default {    
      data() {
          return {    
  
          }
      },
  
      props: ['example']
  }
  &lt;script&gt;
  </code></pre>