javascript - 无法从 Controller 获取数据到 Vue 组件

Question

我正在尝试使用 Laravel 中的 Controller 从数据库中获取数据到 vue 组件，但由于某种原因没有在屏幕上显示任何内容，
数据正在传递，没有错误可看
我唯一能看到的是 “李”标记点比数据库中存在的条目多得多
这就是我得到的:-

Controller :-

class MyRequestController extends Controller
{
    public function MyRequest()
    {
        return User::all();
    }
}

Vue 组件:-

<template>
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-md-8">
                <div class="card">
                    <div class="card-header">Example Component</div>

                    <div class="card-body">
                        <ul>
                            <li v-for="user in users">{{users.email}}</li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data()
        {
            return {
                users : []
            }
        },
        created() {
            axios.get('./userz')
            .then(response => this.users = response.data);
        }
    }
</script>

我仍在研究 laravel 中的 vue，因此如果您保持简单的答案，那真的会有所帮助。
调试
所做的更改:-

created() {
            axios.get('./userz')
            .then(response => this.users = response.data);
            console.log(this.users);

        }

输出:-

Answer 1

您需要以json的形式返回数据。因此，在您的 Controller 函数中，将用户作为 json 响应返回。

return response()->json(User::all());