Getting Started With Vue.js

Vue.js is a JavaScript library that helps you build web applications that conform to the MVVM (Model-View-ViewModel) architectural pattern. At first glance, it might seem quite similar to AngularJS, but once you start working with it, you’ll quickly realize that Vue.js is not only much simpler and easier to learn, but definitely more flexible.

In this introductory tutorial, I’ll teach you the basic concepts of Vue.js, trying to do a complete overview of its most important features.

Adding Vue.js to Your Page

Though you can get the latest release of Vue.js from GitHub, you would find much easier to load it from a CDN. Here’s the procedure to load it from cdnjs:

[code language="html"]

[/code]

Creating a View-Model

In Vue.js, view-models are created using the Vue class. If you are wondering what a view-model is, you can think of it as an object that makes it very easy for you to display your model’s data inside a view (you can treat any object literal as a model, and any HTML UI element as a view).

Continue reading %Getting Started With Vue.js%

by Ashraff Hathibelagal via SitePoint