0
Ich benutze bin neu zu Laravel (5.2) und vue. Ich versuche, Daten aus einer Datenbank an eine Ansicht zu übergeben. Es scheint, dass meine richtige Route in Ordnung ist, und ich bekomme einige JSON-Daten-Antwort, aber ich habe Probleme beim Protokollieren der Daten auf der Konsole oder meine Ansicht. Bitte lassen Sie mich wissen, was ich falsch mache.
Hier meine Showevent-Komponente wird in einer .vue Datei
<template>
<div class="events_list">
<h1> My Events </h1>
<ul class="list-group">
<li class="list-group-item" v-for="event in list">
{{ event.body}}
</li>
</ul>
</div>
</template>
<script>
export default {
data: function() {
return {
list: []
};
},
created: function(){
this.fetchEventsList();
},
methods: {
fetchEventsList: function() {
this.$http.get('/api/events', function(data){
console.log(data);
});
},
delete: function(event) {
this.list.$remove(event);
}
}
}
Hier ist mein main.js
import Vue from 'vue';
import VueResource from 'vue-resource';
Vue.use(VueResource);
import ShowEvent from './components/ShowEvent.vue';
new Vue({
el: '#app',
components: {ShowEvent: ShowEvent},
ready(){
alert("Ready to go!, Show Events");
}
});
gespeichert Und dies ist das die Ansicht Datei
Datei<!DOCTYPE html>
<html>
<head>
<title>Eventer</title>
</head>
<body>
<div id="app" class="container">
<show-event>
</show-event>
</div>
<script src="/js/main.js"></script>
</body>
</html>
einen Rückruf für Fehler Fügen Sie in Ihrer Anfrage, sollte man nicht annehmen, dass alles – gurghet
auch während der Anforderung gut funktioniert, welche Version von vue-Ressource sind Sie Verwenden Sie, Ihre Syntax ist falsch in der aktuellen Version – gurghet
Ich verwende vue 1.0.26 und vue-Ressource 0.9.3 – Mover