将php参数传递给bladee内部的vue函数

{{-- Blade模板文件 --}}
<div id="app">
    <my-component :php-param="{{ json_encode($phpParam) }}"></my-component>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script>
    Vue.component('my-component', {
        props: ['phpParam'],
        mounted() {
            console.log(this.phpParam); // 输出PHP传递的参数
        }
    });

    new Vue({
        el: '#app'
    });
</script>

{{-- Blade模板文件 --}}
<script>
    window.phpParam = @json($phpParam);
</script>

<div id="app">
    <my-component></my-component>
</div>

<script src="https://cdn.jsdelivr.net/npm/vue@2"></script>
<script>
    Vue.component('my-component', {
        mounted() {
            console.log(window.phpParam); // 输出PHP传递的参数
        }
    });

    new Vue({
        el: '#app'
    });
</script>