Vue 3 example with Axios & Vue Router: Build CRUD App
Build a Vue.js 3 CRUD example to consume REST APIs, display and modify data using Axios and Vue Router.
- Each Tutorial has id, title, description, published status.
- We can create, retrieve, update, delete Tutorials.
- There is a Search bar for finding Tutorials by title.
For instruction, please visit:
Vue 3 CRUD example with Axios & Vue Router
Typescript version:
Vue 3 Typescript example with Axios: Build CRUD App
More Practice:
Vue 2 CRUD App with Vue Router & Axios
Vue Pagination with Axios and API example
Vue.js JWT Authentication with Vuex and Vue Router
Vue File Upload example using Axios
Fullstack with Node.js Express:
Vue.js + Node.js Express + MySQL
Vue.js + Node.js Express + PostgreSQL
Vue.js + Node.js Express + MongoDB
Fullstack with Spring Boot:
Vue.js + Spring Boot
Vue.js + Spring Boot + MongoDB
Fullstack with Django:
Vue.js + Django
Integration (run back-end & front-end on same server/port)
Integrate Vue.js with Spring Boot
Integrate Vue App with Node.js Express
Serverless with Firebase:
Vue Firebase Realtime Database: CRUD example
Vue Firestore CRUD example
Compiles and hot-reloads for development
Compiles and minifies for production
See Configuration Reference.
