I try to pass simple php variable to Vuejs component. I found similar problem but solution does't work for me. How to pass a PHP variable to Vue component instance in Laravel blade?
App:
new Vue({
el: '#app',
components: { Home },
template: "<Home />"
})
Home component:
<template>
<div>
<Header :userId="$phpUserId"></Header>
</div>
</template>
<script>
import Header from "./components/Header.vue";
export default {
name: "Home",
components: {
Header
}
};
</script>
Header component:
<template>
<header>
<div>number : {{this.userId}}</div>
</header>
</template>
<script>
export default {
name: "Header",
props: [
{
name: "userId",
default: 0
}
]
};
</script>
PHP simple page:
...
<body>
<?php $phpUserId = 123; ?>
<div id="app"></div>
</body>
...
Any solution for this problem? I'm new in vuejs :(
{{ $client->id }}(which is the only Blade/Laravel-specific code) with<?= $client->id ?>