Skip to content

Instantly share code, notes, and snippets.

@jasonblewis

jasonblewis/index.html

Created April 24, 2017 13:55
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save jasonblewis/7d26a33689398f722e9b6aeb5f7500f7 to your computer and use it in GitHub Desktop.
Save jasonblewis/7d26a33689398f722e9b6aeb5f7500f7 to your computer and use it in GitHub Desktop.
Download ZIP
Raw
index.html
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>lesson3</title>
<meta name="description" content="lesson3">
<meta name="author" content="jbl">
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bulma/0.4.1/css/bulma.css" integrity="sha256-PELQzdZwUQw2WSX3q4QLMSzDqQyWrmrXODp2bZy6JOU=" crossorigin="anonymous" />
</head>
<body>
<div id="root" class="column is-half is-offset-one-quarter has-text-centered">
<h1>{{ title }}</h1>
<button class="button is-large" v-for="note in notes" v-text="note" v-on:click="myclick($event)"></button>
</div>
<script src="https://vuejs.org/js/vue.js"></script>
<script>
var app = new Vue({
el: '#root',
data: {
names: ['joe','mary','jane'],
notes: ['G','C','E','A'],
title: "Ukulele Tuner",
},
methods: {
myclick: function(event,note) {
console.log(note)
}
}
});
</script>
<script id="__bs_script__">//<![CDATA[
document.write("<script async src='http://HOST:3000/browser-sync/browser-sync-client.js?v=2.18.8'><\/script>".replace("HOST", location.hostname));
//]]></script>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment