Question

我试过这个

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

注意：在请求配置文件视图

时，会从laravel控制器传递$ user

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

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

 }

在我的个人资料组件（vuejs代码）

中

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

    }
}

但这并没有传递用户数据，而是将其打印在屏幕上。

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

Answer 1

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