-
Notifications
You must be signed in to change notification settings - Fork 0
/
app.js
27 lines (26 loc) · 826 Bytes
/
app.js
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
const app = Vue.createApp({
// template: '<h1>Hello {{firstName}}</h1>',
data() {
// as a function retun obj
return {
firstName: 'John',
lastName: 'Doe',
email: '[email protected]',
gender: 'male',
picture: 'https://randomuser.me/api/portraits/men/10.jpg'
}
},
methods: {
async getUser() {
const res = await fetch('https://randomuser.me/api')
const { results } = await res.json()
// console.log(results)
this.firstName = results[0].name.first,
this.lastName = results[0].name.last,
this.email = results[0].email,
this.gender = results[0].gender,
this.picture = results[0].picture.large
},
},
})
app.mount('#app')