tyrel/learnin-some-vue
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

s2e26 colors and css

Browse Source
This commit is contained in:
Tyrel Souza 2018-04-13 14:55:09 -04:00
parent 12053e4e2b
commit 41c5af3862
No known key found for this signature in database
GPG Key ID: 5A9394D4C30AEAC0
2 changed files with 17 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
app.js
View File

@ -1,12 +1,8 @@
var app = new Vue({ var app = new Vue({
el: '#app', el: '#app',
data: { data: {
link: 'https://tyrelsouza.com', attachRed: false,
attachGreen: false,
attachBlue: true
}, },
methods: { });
changeLink(){
this.link = "https://tyrel.bike";
}
}
})

15
index.html
View File

@ -3,11 +3,22 @@
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<script src="vue.js"></script> <script src="vue.js"></script>
<link rel="stylesheet" href="style.css">
</head> </head>
<body> <body>
<div id='app'> <div id='app'>
<button @click="changeLink">Change to Link</button> <div class="demo"
<a :href='link'>Link</a> @click="attachRed = !attachRed"
:class="{red: attachRed}"
></div>
<div class="demo"
@click="attachGreen = !attachGreen"
:class="{green: attachGreen}"
></div>
<div class="demo"
@click="attachBlue = !attachBlue"
:class="{blue: attachBlue}"
></div>
</div> </div>
<script src="app.js" charset="utf-8"></script> <script src="app.js" charset="utf-8"></script>
</body> </body>