vue, können wir Anfrage Parameter für vue Vorlage senden

Question

Möchten Parameter (wie http GET/POST Parameter) an die Vue Vorlage senden. Wie können wir dies und wo in (webpack oder vue) tun

Answer 1

Zunächst einmal hängt es von Ihrer Bibliothek, ich vue-resource verwenden, weil ich es einfach zu bedienen und kompatibel mit Vue semantisch finden.

Wenn Sie ein URL-Argument in einem GET senden möchten, ist es einfach.

// Trashs a task, won't delete from db. 
TrashTask: function (taskIndex, taskID, category) { 
    this.$http.delete('/task/' + taskID).then(response => response.json()).then(result => { 
    this.tasks.splice(taskIndex, 1); 
    this.notify("Task deleted"); 
    this.UpdateCategoryCount(category, "-", 1); 
    }).catch(err => { 
    console.log(err); 
    this.notify("Unable to trash Tash"); 
    }); 
}, 

POST/PUT Argumente sind ein bisschen anders, obwohl.

Zuerst definieren Sie Ihre Daten, hier senden wir die this.task. In der $http.put, das zweite Argument ist die Daten, die Sie übergeben, das dritte Argument ist {emulateJSON: true}, auf diese Weise wird der JSON in Ihre normalen Parameter wie name=sh&age=25 konvertiert.

Wenn Sie möchten, um mehr lesen: https://github.com/thewhitetulip/intro-to-vuejs/blob/master/5_interacting_with_backend.md

komplette Code: https://github.com/thewhitetulip/Tasks-vue/blob/master/public/static/js/app.js#L227

AddTask: function (item) { 
    this.$http.put('/task/', this.task, { 
    emulateJSON: true 
    }).then(response => response).then(result => { 
    if (this.task.ishidden == false) { 
     this.tasks.push(this.task); 
    } 

    this.UpdateCategoryCount(this.task.category, "+", 1); 

    this.task = { 
     title: '', 
     content: '', 
     category: '', 
     priority: '', 
     comments: [], 
     showComment: false 
    } 
    }).catch(err => { 
    console.log(err); 
    this.notify("Unable to add Task"); 
    }); 
    $('#addNoteModal').modal('hide'); 
},