La idea es recorrer la colección de mensajes (messages
) obtenidas del backend mediante AJAX y mostrarlos en el HTML, para ésto uso v-for
. Al parecer los parámetros regresados por data no los está recibiendo el template.
Template
<template lang="html">
<a v-for="message in messages" href="#">
<div class="user-img">
<img src="/assets/plugins/images/users/pawandeep.jpg" alt="user" class="img-circle">
<span class="profile-status away busy offline online pull-right"></span>
</div>
<div class="mail-contnet">
<h5 vue-text="message.title"></h5>
<span class="mail-desc">Content</span>
<span class="time">Date</span>
</div>
</a>
</template>
JavaScript
export default {
data() {
return {
messages: []
}
},
mounted() {
this
.$http.get('/api/messages')
.then(response => this.messages = response.data);
}
}
$http
devue-resource
está en el atributobody
del objetoResponse
. Es decir, deberías reemplazarresponse.data
conresponse.body
.