Let’s Get Acquainted And Learn About VUE JS 2 Tutorial For Beginners

In the previous article I discussed a javascript framework called angular which is quite powerful and very modern with the SPA concept, what about vue js ?. In this article, I will discuss what vue js 2 is, what are the benefits. We will see how easy it is to use vue. Follow the tutorial for the beginners below

What is Vue js?

Vue is a progressive framework for building user interfaces. Programmatically, vue has similarities with react and angular. The slight difference is that the vue is very small with a size of 16KB for the production version, so the load time is very fast and has a very high runtime performance. If both use as a framework for building user interfaces, what is the difference with jquery? even using jquery is already very effective.


Difference between Vue and JQuery

The main difference is that using vue framework is easier, faster and more efficient. In some cases if someone is able to complete a project in 24 hours using jQuery, then migrating to vue only takes 12 hours with more readable and efficient coding.

Should we leave jQuery? Of course not, vuejs is not superman, in some cases using jQuery is even more effective. Migration here is not interpreted to replace it entirely, basically, jQuery and Vue.js are 2 different concepts.

What makes Vue Js 2 more attractive than other frameworks?

  1. Simple
    In the frame structure as well as in the API design, Vue is much easier to learn, especially for beginners who have just learned to use the javascript framework. Much simpler than angular.
  2. Flexible
    Vue is not always SPA (Single Page Application), Vue is designed more flexible. Vuejs can be used partially, not overkill SPA. For example, only on certain pages, on the login feature, user profile, dashboard or in certain parts that are needed (Jquery Minded).
  3. The data flow is easy
    By default, vue uses the concept of one-way data binding, but vue also features two-way data binding. With the pyramid scheme reversed (parent to child), it will be easier to adjust the data flow, especially in large applications.
  4. Single File Components
    With vueloader, javascript, HTML, CSS is written in one file neatly and structurally.

Vue 2 installation

How to install it is easy, just like jquery you only need to add a script to the HTML page.

The HTML framework is as follows

Simple application using vue js 2

We will try to apply vue js 2 to the following simple application so that we can easily understand how vue js 2 works.


Thus my short article about Acquainted And Learn About VUE JS 2 Tutorial For Beginners.

The following two tabs change content below.
This site is a personal Blog of Sigit Prasetya Nugroho, a Desktop developer and freelance web developer working in PHP, MySQL, WordPress.

Leave a Comment

Your email address will not be published.

Time limit is exhausted. Please reload CAPTCHA.

This site uses Akismet to reduce spam. Learn how your comment data is processed.