在vue模板中使用laravel控制器返回的对象

public function getUsers()
{
    $users = User::all();
    return response()->json($users);
}

export default {
    data() {
        return {
            users: []
        };
    },
    created() {
        axios.get('/api/users')
            .then(response => {
                this.users = response.data;
            })
            .catch(error => {
                console.log(error);
            });
    }
}

<template>
    <div>
        <ul>
            <li v-for="user in users" :key="user.id">
                {{ user.name }}
            </li>
        </ul>
    </div>
</template>