Nuxt/examples/custom-routes/old/_user.vue

31 lines
595 B
Vue
Raw Normal View History

<template>
<div class="user">
<h3>{{ name }}</h3>
<h4>@{{ username }}</h4>
<p>Email : {{ email }}</p>
<p><router-link to="/">List of users</router-link></p>
</div>
</template>
<script>
import axios from 'axios'
export default {
data ({ params, error }) {
2016-11-27 18:26:42 +00:00
return axios.get(`https://jsonplaceholder.typicode.com/users/${params.id}`)
.then((res) => res.data)
.catch(() => {
error({ message: 'User not found', statusCode: 404 })
})
}
}
</script>
<style scoped>
.user {
text-align: center;
margin-top: 100px;
font-family: sans-serif;
}
</style>