Php 在laravel和vuejs2组件之间传递数据

我试过这个

 <div id="keybrandsapp">
    <profile :userdata="'{!! json_encode($user) !!}'"></profile>
 </div>

在我的配置文件组件中（vuejs代码）

但这不会传递用户数据，而是将其打印在屏幕上

---

如何将用户数据从laravel blade传递到vuejs组件。

我建议从vuejs模板调用请求，而不是尝试将数据直接加载到Html中。因此，步骤将是

刀片加载Vuejs组件（在这一步中，您还没有获得用户数据）

组件发出请求以获取用户数据

组件处理返回的数据

---

我建议从Vuejs模板调用请求，而不是尝试将数据直接加载到Html中。因此，步骤将是

刀片加载Vuejs组件（在这一步中，您还没有获得用户数据）

组件发出请求以获取用户数据

组件处理返回的数据

---

我不是vuejs的粉丝，不如请求vuejs获取当前用户

/yourserver.com/user

，而不是在页面上显示数据“：userdata=“{！！json_encode（$user）！！}”`为什么要将单引号放在双引号之间，而只使用

：userdata=“{{json_encode（$user）}”

@MerhawiFissehaye我看到了我的愚蠢错误，现在数据正在传递。我不是vuejs的粉丝，不如从vuejs请求获取当前用户

/yourserver.com/user

，而不是在页面“：userdata=“{！！json\u encode（$user）！！”上显示数据“`为什么要把单引号放在双引号之间，只使用

：userdata=“{{json_encode（$user）}

@MerhawiFissehaye我看到了我愚蠢的错误，现在数据正在传递。这正是我在上面的评论中建议的。在页面上显示json对象并不酷，即使它隐藏在html后面。@Digitlimit当我键入答案时，这个问题有0条评论：）当然，可以按照问题中所述的方式来做，howev呃，这不完全是我在上面的评论中建议的。在页面上显示json对象并不酷，即使它隐藏在html后面。@Digitlimit当我键入答案时，这个问题有0条评论：）当然，可以按照问题中所述的方式来做，但不建议这样做

public function profile(){
    $user = Auth::user();

    return \view('user.profile', compact('user', $user));

 }

    export default {
    props: ['userdata'],
    mounted() {
        console.dir(this.userdata)

    }
}