Last active
June 2, 2019 18:21
-
-
Save mysteriousHerb/bc275de96a067acf4974f99547983ad5 to your computer and use it in GitHub Desktop.
todo_comp script part
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| <script> | |
| export default { | |
| name: "todo_comp", | |
| data: function() { | |
| return { | |
| new_todo: "", | |
| todos: [ | |
| { id: 1, content: "write paper", done: false }, | |
| { id: 2, content: "read paper", done: false }, | |
| { id: 3, content: "review paper", done: false } | |
| ] | |
| }; | |
| }, | |
| computed: { | |
| // the id of the new todos is the last id + 1 | |
| new_todo_id: function() { | |
| this.todos[this.todos.length - 1].id + 1; | |
| } | |
| }, | |
| methods: { | |
| // all the methods will be replaced with REST API call later | |
| remove_todo: function(index) { | |
| this.todos.splice(index, 1); | |
| }, | |
| add_todo: function() { | |
| this.todos.push({ | |
| id: this.new_todo_id, | |
| content: this.new_todo, | |
| done: false | |
| }); | |
| }, | |
| // this is to update data to backend | |
| update_todo: function(todo) { | |
| console.log("new value:"); | |
| console.log(todo.id); | |
| console.log(todo.content); | |
| } | |
| } | |
| }; | |
| </script> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment