chosen-ox / cool-vue

Vue 3 example by a CRUD app with Axios, Vue Router, Bootstrap

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

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.