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
+
+
+
+
+
+
+
+
+
+