Javascript и Vuejs для Laravel 14. Axios c Vuejs и Laravel. Метод Mounted во Vuejs

Стань спонсором(бусти аккаунт), доступ к собеседованиям:

Мои платные курсы:

План развития с нуля до middle+:

Группа вк:

- Ссылка для донатов, спонсорства, пожертвований

- -

. ---
Создаем роуты
Используем axios для асинхронного соединения
Применяем mounted для запуска запроса

[usbeddvideo]

Спасибо огромнейшее за Ваши уроки!!! Ваши труды не пройдут зря! Думаю много как начинающих так и продолжающих разработчиков подчерпнут для себя очень-очень много полезного! Да и уверен, что новичкам будет не сложно обучится по Вашим роликам!
С удовольствием смотрю ваши ролики! 🤗🤗🤗

[sohibusmonov]

1:25 29 строка вовше кул)) просто топ спасибо за уроки

[lyznfri]

Класс. Лично мне самое время еще раз пробежаться по прежним урокам, чтоб "почувствовать на кончиках пальцев".... Очень громадное СПАСИБО !!!

[projectgoodchannel]

В vue 3 вместо mounted()..., нужно просто указать onMounted(function() {})

[biLLie_wiLLie]

у меня 500 ошибка и я не понимаю почему не сервер не дает ничего

[ypgfynl]

в 11 версии рут надо вот так сделать
Route::get('/posts', [App\Http\Controllers\PostController::class, '__invoke']);

[lexadetka]

а для чего прописывается роут /persons, если везде подхватывается роут /login, и каким образом в этом роуте работает контроллер PersonController?

[alexanderbashkatov]

добрый день!
то есть сначала браузер получает нашу страницу без данных, а потом axios уже с клиента делает асинхронный запрос к контроллеру?

[dmirtykashko]

Спасибо за уроки, такой вопрос что нужно сделать что б постоянно кэш не чистить при изменениях например в роутах?

[spitzer]

Всё получилось. Ну такая себе обёртка XMLhttpRequest..

[alcoholic_monk]

<tr v-for="person in persons" :key="person">
я хз почему у меня висуал код показывает ошибку без :KEY="person"
только после того как ключ прописал, ошибка исчезла

[DimAlbisoara]

For those who get [Vue warn]: Property "persons" was accessed during render but is not defined on instance. at <ExampleComponent> at <App>

Use this improved code:
<template>
<div>
<p>Hello from Example Component!</p>
<div v-for="person in this.persons">
<p>{{person.name}}, {{person.job}}, {{person.age}} </p>
</div>
</div>
</template>
<script>
export default {
components: {},

data() {
return {
persons: [] // Initialize persons as an empty array (Modified)
};
},

mounted() {
this.getPersons();
},

methods: {
getPersons() {
axios.get('/persons')
.then(response => {
this.persons = response.data; // Assign data to this.persons (Modified)
})
.catch(error => {
console.error('Error fetching persons:', error);
});
}
}
}
</script>