update title with changeTitle

2018-04-13 10:56:49 -04:00 · 2018-04-13 10:56:49 -04:00 · 63f2d9f743
commit 63f2d9f743
parent bcbae5539e
2 changed files with 6 additions and 0 deletions
--- a/app.js
+++ b/app.js
@ -2,5 +2,10 @@ var app = new Vue({
  el: '#app',
  data: {
    title: "Hello world."
+  },
+  methods:{
+    changeTitle(event){
+      this.title = event.target.value
+    }
  }
 })
--- a/index.html
+++ b/index.html
@ -7,6 +7,7 @@
  </head>
  <body>
    <div id='app'>
+      <input type="text" v-on:input="changeTitle">
      <p>{{ title }}</p>
    </div>