在 VueJS 中访问 Auth答案

【问题标题】：Access Auth in VueJS在 VueJS 中访问 Auth
【发布时间】：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']
}

【讨论】：