basic hello world

2019-11-09 12:09:41 +01:00
commit def98067b9
4 changed files with 68 additions and 0 deletions
--- a/hello/index.html
+++ b/hello/index.html
@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>titleee</title>
+        <link rel="stylesheet" href="style.css">
+        <script src="https://vuejs.org/js/vue.js"></script><!-- dev version -->
+    </head>
+
+    <body>
+        <div id="app">
+            <p v-bind:title="label">
+                {{ message }}
+                <button v-on:click="showspan = !showspan">toggle</button>
+                <transition name="fade">
+                    <span v-if="showspan">Now you see me</span>
+                </transition>
+            </p>
+
+            <ol>
+                <todo-item
+                    v-for="item in todos"
+                    v-bind:todo="item"
+                    v-bind:key="item.id">
+                </todo-item>
+            </ol>
+
+            <button v-on:click="reverseMessage">Reverse Message</button>
+
+            <input v-model="message">
+        </div>
+        
+        <script src="app.js"></script>
+    </body>
+</html>