-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex2.html
62 lines (41 loc) · 1.72 KB
/
index2.html
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
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
<html>
<head>
<title></title>
<style type="text/css">
.is-loading { background:red; };
</style>
</head>
<body>
<div id="root">
<h1 :class="{ 'is-loading' : isLoading }">Hello Word</h1>
<br>
<image :src="img"></image>
<br>
<button :title="title" @click="changeImg">Change Image</button>
</div>
<script src="https://unpkg.com/vue/dist/vue.js"></script>
<script>
new Vue({
el: '#root',
data: {
title: 'Now the title is being set through javascript.',
isLoading: false,
img: 'http://static1.purebreak.com.br/articles/0/53/40/@/29470-uheuheuehueheuhe-624x0-1.jpg ',
source:[
'http://www.piadas.com.br/sites/default/files/styles/large/public/img_4073.jpg?itok=xWXM5nyf',
'https://static.frasesparaface.com.br/imagem/o/d/odeio-quem-fala-to-chegando-quando-ainda-nem.jpg',
'http://static1.purebreak.com.br/articles/0/53/40/@/29469-so-lembrei-624x0-1.jpg',
'https://3.bp.blogspot.com/-MgXO0ndVf08/Vjqy4XShwhI/AAAAAAAARok/uFEBUe_gq7g/s1600/imagens-engracadas-para-facebook-06.jpg',
'https://2.bp.blogspot.com/-1B5LUbTke4s/U_-a9zX47mI/AAAAAAAA2Tc/NINbR9O263o/s1600/imagens-engra%C3%A7adas%2B(118).jpg'
]
},
methods: {
changeImg(){
this.img = this.source[Math.floor(Math.random() * this.source.length)];
this.isLoading = true;
}
}
})
</script>
</body>
</html>