Handling User Input (ok)

<template>
  <ul>
    <h2>{{title}}</h2>
    <div>
      <input type="text" v-model="newTask" placeholder="Add a new task" >
    </div>
    <div v-if="newTask.length > 0">
      <h3>New task preview</h3>
      <p>{{ newTask }}</p>
    </div>
  </ul>
</template>
<script>
export default {
  data() {
    return {
      title: 'My To Do App',
      newTask: ''
    }
  }
}
</script>