Gallery
🌐 APIs & MVCR
{ users: [], loading: false, error: null, async fetchUsers() { this.loading = true; this.error = null; try { const res = await fetch('https://jsonplaceholder.typicode.com/users'); if (!res.ok) throw new Error('HTTP ' + res.status); const data = await res.json(); this.users = data.slice(0, 5); } catch (err) { this.error = err.message || 'Failed to load users'; } finally { this.loading = false; } }, reset() { this.users = []; this.error = null; } }
🌐 Remote Users API
Declarative data-fetching with reactive loading and error states.
⏳ Fetching...
📥 Fetch Users
Clear
⏳ Loading remote resources...
⚠️
No users loaded yet. Click “Fetch Users” to load data from JSONPlaceholder.