What is a Vue.js?

What is a Vue.js?

Vue.js is another popular javascript library for building interactive web interfaces. The library is designed to focus on the view layer only. It is very lightweight and pretty easy to use compare to another library competitors such as Angular or React. One of the best features you can find is the view components and reactive data binding. If you plan to build a single page application (SPA), I would highly recommend you to try Vue.js.
Vue If Directive

Vue If Directive

In this lesson, we are going to learn VueJS conditional rendering which is the If else condition. In VueJs, there are pre-built in condition directive which are the v-if, v-else, and v-else-if. There is also another condition directive called v-show which will be explained in the next tutorial.
Vue Show Directive

Vue Show Directive

In the previous article, we have learned how to use Vue If Directive. Today we are going to compare the Vue show directive and see what is the difference.
VueJS Select Binding

VueJS Select Binding

In this tutorial, we are going to learn how to bind an array object into an HTML select. We also going to learn on how to store the selection of the select value into a VueJS model entity.
VueJS Template List Binding

VueJS Template List Binding

In this tutorial, we are going to learn how to populate the content using the VueJs template. We will use a for loop method to read the array of a product list and bind it to the UL LI HTML list.
VueJS Button Click Event

VueJS Button Click Event

We are going to create a really simple VueJS application to showcase a button click event handling in VueJS.
How to set the dropdown selected value in Vue.Js?

How to set the dropdown selected value in Vue.Js?

In this tutorial, you will learn how to set the default value of a select combo box in VueJS. We are going to populate a dataset of a dropdown select by creating an array of objects. In this example, we going to populate a fruit object contains the property of an Id and Name.
How to use methods in Vue.js?

How to use methods in Vue.js?

In this tutorial, we are going to learn on how to use methods in Vue.js. So what actually a method is in Vue.js? A method can be considered as an action. It has a function procedure that is used to perform or execute an operation or activity. So how to use a method in Vue.js? To create or use a method in Vue.js is pretty simple. In the Vue.js instance object, there is a methods section where you can declare the methods.