在 VueJS 中访问 Auth

Posted 2023-02-22

【中文标题】在 VueJS 中访问 Auth

【英文标题】：Access Auth in VueJS

【发布时间】：2017-06-15 09:08:35

【问题描述】：

我正在使用 Laravel 5.4 和 Vue.js 2.0。可以在 VueJS 模板中使用Auth::user() 吗？

例如...

<template>
    <p> Auth::user()->name </p>
</template>

export default 

我怎样才能做到这一点？

【问题讨论】：

不，如果您的 vueJS 应用程序超出 laravel 范围，则不能。因此，如果您想在 vueJS 模板中使用用户数据，最好的方法是在应用加载时进行 ajax 调用，并将用户详细信息存储到浏览器的本地存储中。如果您不想这样做，只需进行 ajax 调用即可将数据发送到 js。你已经知道如何用 JS 和模板制作一个 VueJS 应用了吧？？？

我使用 laravel5.3 和 vueJS 2 开发了一个应用程序。创建 api 端点来为您的客户端应用程序提供服务。

这是不好的做法吗？ <forum :isAdmin="json_encode(Auth::user()->permission()->isAdmin())"></forum>

哦，论坛是你的 vue 组件，哇好棒……但我不知道在那个级别上哪个是好的做法。我分享了我是如何使用 laravel 和 VueJS 为我的 SPA 做的。先生，您的方法可能是一个很好的做法。

您可以（例如）创建一个包装的 home 组件并将其作为属性赋予用户。然后你可以简单地将这些道具传递给你的子组件。

【参考方案1】：

您可以使用 prop 将 User 实例传递给组件。例如：

<example-component :user=" Auth::user() "></example-component>

然后你可以像这样访问用户的信息：

<template>

 <p> user.name </p>

</template>
export default 
   props : ['user']

【讨论】：

我让它全球化了。所以我把它放在了 JS 事件中