laravel - 在 vue 组件中使用 laravel 会话变量

Question

我是 vue Js 的新手，当我只使用刀片时，我曾经这样做过：

{{ Auth::user()->name }}

我如何在刀片组件中做到这一点？

谢谢。

标签： laravelvue.js

Answer 1

使用 Vue 的 props 能够通过标记将属性传递给 Vue 的组件。

<auth-details :auth-name="{{ Auth::user()->name }}">
</auth-details>

在您的 Vue 组件中，

Vue.component('auth-details', {
    props: ['authName'],
});

您可以使用this.authName.

注意：在 HTML 中，您需要在 kebab-case 中编写属性名称，而在 Vue 中，您需要将其编写为 camelCase。