Vue 2.0 初探（七）

这里我们完善一下之前写的几个操作 添加、删除、修改状态，也没什么复杂的，只是涉及到几个请求方法

post    //就是个post
patch   //更新一个资源
delete  //删除

来看代码

addTodo(newTodo){
    this.axios.post('http://127.0.0.1/vue/test.php', {title: newTodo.title}).then(response => {
        console.log(response.data)
        this.todos.push(response.data)
    })
    this.newTodo = {id:null,title:'',completed:false}
}

deleteTodo(index, todo){
    this.axios.delete('http://127.0.0.1/vue/test.php?id=' + todo.id).then(response => {
        console.log(response.data)
        this.todos.splice(index, 1)
    })
},
togoCompleted(todo){
    this.axios.patch('http://127.0.0.1/vue/test.php').then(response => {
        console.log(response.data)
        todo.completed = !todo.completed;
    })
}

这样一整套流程就算是走完了~