我已经使用了惯性官方网站的这个指令来共享用户认证数据,它适用于所有页面,除了那些没有直接由惯性::render()方法呈现的页面。
我需要从一个名为
这是我的结构/层次结构:
- Vue/
- Pages/
- Home/
- Index.vue
- Layouts/
- Master.vue
- Header.vue
- Footer.vue
- App.js
这是我的
<template>
<Head>
<title>My Title</title>
</Head>
<Header :user="user"/>
<slot/>
<Footer/>
</template>
<script>
import Header from './Header';
import Footer from './Footer';
import {Head} from '@inertiajs/inertia-vue3';
export default {
data() {
return {
user: this.auth.user,
}
},
props:{
auth: Object,
},
components: {
Header,
Footer,
Head,
}
}
</script>
您可以使用$page
属性或usePage()
钩子。
<Header :user="$page.props.auth.user" />
const user = computed(() => usePage().props.value.auth.user)
如果你向下滚动你给的链接,你会知道的。