#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/...

PUT vs PATCH
https://www.koderhq.com/tutorial/vue/...

Check out the Vue 3 for Beginners playlist for more Vue tutorial videos
   • Vue 3 for Beginners  

Subscribe to the channel and never miss a lesson
   / @koderhq  

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