This is a small application created using VueJS.
The idea behind creating a basic vuejs crud application is to get started with Vue by doing some hands-on with the Vue framework and learn along the way.
VueJS is a popular progressive JavaScript framework used for building web applications.
Topics Covered
Basic VueJs CRUD Application
This application is built iterating through the below-given steps:
- Setting up Vue
- Display employee records
- CRUD operations
- Adding validations
- Making API calls
Project setup
Let’s get started with the initial project setup. Please follow the series of commands listed step by step and you would be good to go.
npm install
let’s install Vue CLI with npm
npm i -g @vue/cli @vue/cli-service-global
Open cmd and navigate to the directory where you want to create your vue app.
vue create vue-app
cd vue-app
npm run serve
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
Tooling
I have used the following tools and plugins for this app.
Source Code
The entire source code for this application is available on my GitHub repo.
Live Demo
Play along with the live demo of a CRUD Vue app.
👉 To see this app in action, please follow this link.
⭐Course Recommendation
Check this amazing course on VueJs from Zero to Mastery. This course includes:
- 29+ hours on-demand, downloadable HD videos
- 70+ bonus articles and resources
- Access to exclusive ZTM community
- Certificate of Completion
I hope this was helpful and you learn some practical usage of vuejs framework. Share it with your friends and colleagues.
Happy Programming { }
