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?
home.blade.php
<?php
@extends('layouts.app')
// <PHP API REQUEST HERE>
$example = data stored from XML file;
?>
@section('content')
<app :example ="example"></app>
@endsection
app.vue
<template>
<div>
{{ example }}
</div>
</template>
<script>
export default {
data() {
return {
}
},
props: ['example']
}
<script>