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 ASP.NET Core Web API server.

ASP.NET Core Web API Section

If you want to learn how to create the server part of this series please visit ASP.NET Core Web API (.NET 6).

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 ASP.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


  • Basic knowledge of Javascript
  • Familiarity with HTML and CSS

This Tutorial Is Separated Into Several Parts