Vue 3 Typescript example with Axios & Vue Router: Build CRUD App

Build a Vue.js 3 Typescript 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 Typescript example with Axios: Build CRUD App

More Practice:

Vue 3 CRUD example with Axios & Vue Router

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

Project setup

npm install

Compiles and hot-reloads for development

npm run serve

Compiles and minifies for production

npm run build

Run your tests

npm run test

Lints and fixes files

npm run lint

Customize configuration

See Configuration Reference.