luuizeduardo
diff --git a/‎html/exemplo7.html‎
Lines changed: 29 additions & 0 deletions b/‎html/exemplo7.html‎
Lines changed: 29 additions & 0 deletions
diff --git a/‎js/exemplo7.js‎
Lines changed: 11 additions & 0 deletions b/‎js/exemplo7.js‎
Lines changed: 11 additions & 0 deletions
@@ -0,0 +1,29 @@
+<!DOCTYPE html>
+<html>
+<head>
+<meta charset="utf-8">
+<meta http-equiv="X-UA-Compatible" content="IE=edge">
+<title>VueJS</title>
+<link rel="stylesheet" href="">
+</head>
+<body>
+ <div id="app">
+ <!-- 
+ Podemos substituir a diretiva "v-on:" por "@". Ambas as formas são 
+ interpretadas da mesma forma pelo VueJS. O "@" é apenas um atalho para
+ o "v-on:".
+ -->
+ <button @click="changeLink">Click to change link</button>
+
+ <!-- 
+ Podemos substituir a diretiva "v-bind" por ":". Ambas as formas são 
+ interpretadas da mesma forma pelo VueJS. O ":" é apenas um atalho para
+ o "v-bind".
+ -->
+ <a :href="link">Link</a>
+ </div>
+
+ <script src="../js/vue.js"></script>
+ <script src="../js/exemplo7.js"></script>
+</body>
+</html>
@@ -0,0 +1,11 @@
+new Vue({
+el: '#app',
+ data:{
+ link: 'http://google.com'
+ },
+ methods: {
+ changeLink: function(){
+ this.link = 'http://apple.com'
+ }
+ }
+});