From f5a209ca1bfffa8ff6c8a864248a2ab2793dfaaa Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Sergio=20=C3=81lvarez?= Date: Sat, 9 Nov 2019 20:23:09 +0100 Subject: [PATCH] todo --- todo/app.js | 32 ++++++++++++++++++++++++++++++++ todo/index.html | 32 ++++++++++++++++++++++++++++++++ 2 files changed, 64 insertions(+) create mode 100644 todo/app.js create mode 100644 todo/index.html diff --git a/todo/app.js b/todo/app.js new file mode 100644 index 0000000..fe5b52e --- /dev/null +++ b/todo/app.js @@ -0,0 +1,32 @@ + +Vue.component('todo-item', { + template: '\ +
  • \ + {{ title }}\ + \ +
    • \ + ', + props: ['title'] +}) + +new Vue({ + el: '#todo-list-example', + data: { + newTodoText: '', + todos: [ + { id: 1, title: 'Do the dishes' }, + { id: 2, title: 'Take out the trash' }, + { id: 3, title: 'Mow the lawn' } + ], + nextTodoId: 4 + }, + methods: { + addNewTodo: function () { + this.todos.push({ + id: this.nextTodoId++, + title: this.newTodoText + }) + this.newTodoText = '' + } + } +}) diff --git a/todo/index.html b/todo/index.html new file mode 100644 index 0000000..d2a809f --- /dev/null +++ b/todo/index.html @@ -0,0 +1,32 @@ + + + + + todo + + + + + +
    +
    + + + +
    + +
    + + + +