Agregado userindex

resources/js/app.js

@@ -20,6 +20,11 @@ const router = new VueRouter({
             name: 'hello',
             component: Hello,
         },
+        {
+            path: '/users',
+            name: 'users.index',
+            component: UsersIndex,
+        },
     ],
 });
 

resources/js/views/App.vue

@@ -4,6 +4,7 @@
         <p>
             <router-link :to="{ name: 'home' }">Home</router-link>
             <router-link :to="{ name: 'hello' }">Hello World</router-link>
+            <router-link :to="{ name: 'users.index' }">Users</router-link>
         </p>
         
         <div class="container">

resources/js/views/UserIndex.vue

@@ -0,0 +1,39 @@
+<template>
+    <div class="users">
+        <div class="loading" v-if="loading">Loading...</div>
+        <div v-if="error" class="error">{{ error }}</div>
+        <ul v-if="users">
+            <li v-for="{ name, email } in users">
+                <strong>Name:</strong>  {{ name }},
+                <strong>Email:</strong> {{ email}}
+            </li>
+        </ul>
+    </div>
+</template>
+<script>
+import axios from 'axios';
+export default {
+    data() {
+        return {
+            loading: false,
+            users: null,
+            error: null,
+        };
+    },
+    created() {
+        this.fetchData();
+    },
+    methods: {
+        fetchData() {
+            this.error = this.users = null;
+            this.loading = true;
+            axios
+                .get('/api/users')
+                .then(response => {
+                    this.loading = false;
+                    this.users = response.data;
+                });
+        }
+    }
+}
+</script>