Использую Vue.js в шаблоне вызываю компонент
<message :messages="messages" :messages_id="{{ $messages_id }}"></message>
компонент принимает параметр
export default {
props: ['messages', 'messages_id'],
}
как передать messages_id из компонента в само приложение в data?
app.js
Vue.component('message', require('./components/Message.vue'));
const app = new Vue({
el: '#app',
data: {
messages: [],
messages_id: 0,
},
mounted(){
this.fetchMessages(this.messages_id);
},
methods: {
fetchMessages(messages_id) {
axios.get('/message/'+messages_id).then(response => {
this.messages = response.data;
})
},
}