Introduction to Vue.js

Published on December 30, 2016 by

Welcome to this series about Vue.js, and thank you for joining! Before we get into writing code, let’s first take a look at what Vue.js actually is.

Vue.js is a reactive framework for building web applications. Vue is different than other JavaScript frameworks in the way that it is not as intrusive. Besides the core library, Vue consists of a set of libraries that are optional and can be combined to build more advanced applications. This means that the framework can be adopted gradually, and you can easily have parts of your application powered by Vue, and others not. This is a huge advantage, because existing applications can be rewritten in small steps instead of rewriting the entire application at once. This is something that is much easier to accomplish with Vue.js than many other frameworks such as Angular, which tend to take more control over your application.

Although the core library is quite simple, Vue is also extremely powerful and can also be used to build advanced applications such as Single Page Applications (SPA) when combining the optional libraries. These libraries include routing for making Single Page Applications (SPA), a resource library for making HTTP requests, validator and form libraries, a ton of UI components, and more. There are a lot of third party libraries out there, supplied by a vibrant and growing community. Vue.js is becoming increasingly popular, especially starting from the last quarter of 2016. It is therefore definitely a technology that has come to stay, and the future looks very bright for Vue.js. This also means that it’s a safe bet for you to learn the framework.

Like most other modern JavaScript frameworks, Vue supports components. Components let you write self-contained… well, components… that contain the markup, JavaScript, and CSS necessary for using this component on various pages. This is a great way to build web applications, because components can then be reused in different contexts, resulting in less duplicated code and increased maintainability.

Those were just some of the advantages of using Vue. Oh, and I almost forgot… Vue is extremely easy compared to other frameworks, so enough talking; let’s see just how easy it is to build our very first Vue application.

Featured

Learn Vue.js today!

Take an online course and become an Vue.js champion!

Here is what you will learn:

  • How to build advanced Vue.js applications (including SPA)
  • How Vue.js works under the hood
  • Communicating with services through HTTP
  • Managing state of large applications with Vuex
  • ... and much more!
Vue.js logo
Author avatar
Bo Andersen

About the Author

I am a back-end web developer with a passion for open source technologies. I have been a PHP developer for many years, and also have experience with Java and Spring Framework. I currently work full time as a lead developer. Apart from that, I also spend time on making online courses, so be sure to check those out!

2 comments on »Introduction to Vue.js«

  1. Max Cannon

    Hey Bo!

    Just sending you words of encouragement and respect! I have been coding since 1994 (I’m 55) – I am not going to brag about my many accomplishments in coding as its only of interest to myself. I simply want to encourage you to continue with the Vue.js eco-system with your online courses – You are an excellent instructor! You have patience and focus on clarity through examples – I have learned much from you. You are specifically helpful to those with a JS background in that you provide the underlying JS code to Vue shortcut syntax, i.e. event modifiers like .stop = stopProgagation, etc. This added spice among many other visual aids you take time to incorporate within your lessons is key in assisting others to learn. Don’t stop your music written in code – you are the best!

    kindest regards, Max

  2. Hey Max,

    Thanks so much for your kind words, I really appreciate it! 😊I am really happy that you liked the content, and hope that you will build awesome things with Vue.js! 😉

    Best regards,
    Bo Andersen

Leave a Reply

Your e-mail address will not be published.