如何正确地将道具从 Laravel 8 Blade 传递到 vue 3 组件

Question

我正在尝试在安装 App 组件时获取刀片文件中 user prop 的值，但我在控制台中未定义。我想知道 Vue 3 中是否有什么变化，因为它在 Vue 2 中起作用。

如何获取用户道具的值？

laravel.blade 文件

@extends('layouts.app')

@section('content')
    <App 
    @if(auth()->check()) 
        :user="1"
    @endif> 
    </App>
@endsection

App.vue

<template>
    <div> {{user}} </div>
</template>

<script>
export default {
    name: 'App',

    props: [ 'user'],

    mounted(){
        console.log(this.user)
    }
}
</script>

app.js

import { createApp } from 'vue';
import App from './components/App'
import router from './router';

require('./bootstrap'); 
const app = createApp(App)
app.use(router).mount("#app")