DEV Community

Cover image for Why Learn Vue
Tina Huynh
Tina Huynh

Posted on

Why Learn Vue

Vue (pronounced /vjuː/, like view) is a JavaScript framework for building user interfaces. It builds on top of standard HTML, CSS and JavaScript, and provides a declarative and component-based programming model that helps you efficiently develop user interfaces, be it simple or complex.

Vue is lightweight, easy to learn, pleasant to write in, and not difficult to integrate with legacy technologies or an application without a specified framework. Because of its familiar templating syntax and use of components, integrating or migrating existing projects to Vue is faster and smoother.

It has become well-known for its easy to read and understand documentation and overall smaller learning curve compared to the other top 3 javascript frameworks today, React and Angular. It is super straightforward and only becomes complex after adding other libraries on top of it, which makes it very easy to learn. If you're good at the JavaScript and have experience in other frameworks like Angular or React, then you'll learn Vue. js within a week. If not, you'll probably gonna take much longer.

You can use Vue to build standard Web Components that can be embedded in any HTML page, regardless of how they are rendered. Vue can be used as a standalone script file - no build step required! If you have a backend framework already rendering most of the HTML, or your frontend logic isn't complex enough to justify a build step, this is the easiest way to integrate Vue into your stack. You can use Vue to build standard Web Components that can be embedded in any HTML page, regardless of how they are rendered. Vue provides core libraries and comprehensive tooling support with amazing developer experience for building modern SPAs. You can also build desktop apps with Electon, mobile apps with Ionic Vue, and much more!

There are some essential skills for Vue developers such as:

  1. HTML & CSS
  2. JavaScript & ES6 - ES8
  3. Git
  4. npm or yarn
  5. Vue
  6. Vue CLI

As with any technology, its best to start with the official documentation, in this case the Vue.js Guide. The guide is a magnificent, constantly updated learning resource, which does a superb job at giving a good starting point, needed to build an application with Vue. From basic reactivity concepts and caveats, to more advanced use cases, it should be the first place to learn from.

Happy Coding!

Top comments (0)