This tutorial aims to give you an overview of some of the basic concepts and features through practical examples. In future tutorials we’ll be looking at more advanced features and building scalable applications with Vue.
Vue.JS Tutorial With Example | Demo
Here in this tutorial we will explain each topic with example and demo.
Vue.Js has following main features-
Lightweight: The term “lightweight” refers to the conceptual weight of a framework. It is very easy to follow the the software development steps in Vue.JS compare to others.
Non-Opinionated: If a framework is opinionated, it lock or guides you into their way of doing things. Hence Vue.JS is good to use for those who want to work the way they want means you are not bounded with something to do perform in their way.
Single Page Application: Vue.js is a more flexible, less opinionated solution ( than Angular ).
Vue is Easier: Vue does everything you need so you can organise your app the way you want.
Declarative Rendering: Vue.Js enriches in declarative programming which does not focus on how does the implementation happen but it will target what the outcome is. Unlike Imperative programming here is less code to render model into view.
Template Logic: Vue compiles the templates into Virtual DOM render functions. Combined with the reactivity system.
Vue is Faster: Vie works on it’s own virtual dom model . This is absolutely new concept invented itself in Vue. So it becomes very fast by using virtual dom implementations.
Data Binding:This approach makes VueJs more powerful to render model’s data on view in two ways i.e one way and two way data binding.
Directives: Vue.Js uses some directive rules to apply on html elements to bind data on them.
Component: Vue.Js makes use of component inside their template logic to enhance some extra functionality into web application..
Performance: Vue.Js gives high performance itself in comparison to many other frontend frameworks for web development.
Vue.Js has following benefits which makes it different –
Flexible: Vue.js is a more flexible, less opinionated solution ( than Angular ). It’s only an interface layer so you can use it as a light feature in pages instead of a full blown SPA.
Vue is Faster: Vue.Js is much faster as compared to Angular 1.
Easier to use: Vue.Js provide bunch of sleek libraries which is more snappy and lighter in size as compared to Angular 2.
📖 Read More
- 1. Vue.Js Installation
- 2. Vue.Js Architecture
- 3. Vue.Js Two Way Data Binding
- 4. Vue.Js Form Input Bindings
- 5. Vue.Js Binding Syntax