#23 - HTTP Requests (with Fetch API) - Vue 3 (Options API) Tutorial

In this Vue 3 tutorial, we learn how to use the Javascript Fetch API in Vue for HTTP requests. We cover how to get, post, update and delete data with a fake REST API. We also cover the differences between PUT and PATCH.

We cover the following topics:
1. What is the Fetch API
2. What is JSONPlaceholder
3. The fetch method
4. How to receive data with GET
5. How to get multiple items in a data set
6. How to fetch data on page load
7. How to send data with POST
8. Updating data: PUT and PATCH
9. How to update all set data with PUT
10. How to partial update set data with PATCH
11. PUT vs PATCH: Which one to use when
12. How to delete data with DELETE

_Note that this tutorial is for the Vue 3 Options API (which is similar to Vue 2). We later move on to the Composition API and then the Script Setup (3.2 update)_

This lesson is also available in written format
https://www.koderhq.com/tutorial/vue/http-fetch/

PUT vs PATCH
https://www.koderhq.com/tutorial/vue/http-fetch/#put-vs-patch

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
https://www.youtube.com/playlist?list=PLFAU47Id44XG48v5dPPTGMgJfjMnsU8Bw

Subscribe to the channel and never miss a lesson
https://www.youtube.com/channel/UCz6k9pRLevdJGAsMMAVSb_Q?sub_confirmation=1

Visit the website for a wide range of programming tutorials
https://www.koderhq.com