Welcome to the Vue.js Series. In this blog series, we are going to go through a detailed example of how to use Vue.js to create a fully functional client application that consumes the .NET Core 2.0 Web API server.
.NET Core Web API Section
If you want to learn how to create the server part of this series please visit ASP.NET Core 3.1 Web API.
What Are We Going to Do in This Guide?
Our server part is finished, so, it is time to dive into the client part. We will find out how easy it is to use Vue.js to create a single page application that will consume our .NET Core Web API application. We will dive into the components, services, sending HTTP requests, events, navigation, routing, and many different but awesome Vue.js features. So, stay with us through this fantastic journey.
- Node.js which includes the npm 5.6.0 or higher (depends on the time you are reading this post)
- Visual Studio Code, or any other editor you like
- Familiarity with HTML and CSS
This Tutorial Is Separated Into Several Parts
- Preparing the Project
- Routing and Navigation
- Axios HTTP Client and Environment Files
- Creating Components and Displaying Data from Backend
- Components Props and Events
- Details and Delete Owner Components
- Create and Update Owner Components