Php 如何在Vue组件中获取当前登录用户的用户对象

我对Laravel和Vue Js不熟悉。我需要在Vue组件中获取当前记录的用户对象。我怎样才能得到它？请尽快给我答复

在调用Vue组件时，我尝试在blade文件中传递用户对象，如下所示，但无效

<section id="vue-app">
    <add-new-address :userName={{ Auth::user()->name }}></add-new-address>
</section>

将其检索到输入字段，如下所示

 props: {
    userName: this.userName ,
  }

<input class="mdc-text-field__input" required="" v-model="userName" name="fname" type="text" >

这是my vue组件

**<template>
  <div class="row" id="addNewtAddress">
          <input class="mdc-text-field__input" required="" id="fname" name="fname" v-model="name" type="text" >
    </div>
</template>
<script>
export default {
  name: "AddNewAddress",

  props:['name'],

  data(){
    return{
    }
  }
}
</script>**

**
导出默认值{
名称：“AddNewAddress”，
道具：['name']，
数据（）{
返回{
}
}
}
**

使用

json\u编码

并将道具作为json对象发送，如下所示

刀片

使用
json\u编码
并将道具作为json对象发送，如下所示

刀片

如您所述，当我添加用户名时，它没有在浏览器中显示vue组件。那么，它有什么问题？它对我不起作用。当在输入中使用“name”变量时，我使用的是这样的v-model=“name”。错了吗？和你说的一样。但是没有显示数据我的devtool没有显示任何内容。这意味着devtool不适用于其他方法导出默认值{name:“AddNewAddress”，props:['name']，data（）{return{}}}当我添加用户名时，正如您所提到的，它没有在浏览器中显示vue组件。那么，它有什么问题吗？它不适用于我。当在输入中使用“name”变量时，我使用的是这样的v-model=“name”。错了吗？和你说的一样。但是没有显示数据我的devtool没有显示任何内容。这意味着devtool不能用于其他方法导出默认值{name:“AddNewAddress”，props:['name']，data（）{return{}}