An Introduction to Vue js

What is Vue.js?

Vue.js is a progressive JavaScript framework for building user interfaces

Vue focuses on the view layer onlyIt was designed from the ground up to be incrementally adoptable and to be able to easily integrate with other projects & technologies

Ways to Install & Use Vue.js

Standalone Include with the CDN and you are good to go

NPM Node package manager. Great with Browserify or Webpack

Vue-CLI Command line tool uses Webpack

Bower Client side package manager

Core Features of Vue.js

Reactivity

Declarative Rendering

Data Binding

Directives

Loops & Conditionals

Component Encapsulation

Event Handling

Computed Properties & Watchers

Transitioning Effects

Custom Filters

Declarative Rendering

Vue allows us to declaratively render data to the DOM using a simple template syntax

Components

Components allow us to build large-scale applications composed of small encapsulated components

Components can be reusable

Components can be included in a single file or can be modularized into their own .vue files

Directives

Special token/attribute that tells Vue.js to do something to a DOM element

Looks like a prefixed HTML attribute

Transition System

Auto transition effects can be applied when elements are added/removed from the DOM

Automatically add/remove CSS classes at appropriate times to trigger CSS transitions or animations

Communicating With The Server

All Vue instances can have their raw $data directly serialized with JSON.stringify() with no additional effort

There is a vue-resource plugin which provides an easy way to work with RESTful APIs

Existing Plugins & Tools

vue-router Official router deeply integrated with Vue.js core

vue-resource Handle web requests

vue-async-data Async data loading

vue-validator Form validation plugin

vue-devtools Chrome devtools extension

vue-touch Touch gestures using Hammer.js

vue-element Register custom elements

Learn Web Development Using VueJS - Eduonix

Lectures: 31

Video: 3.5 hours

Languages: English

Includes: 30 day money back guarantee! Lifetime Access. No Limits! Certificate of Completion

To Get this Course at $15 Use Coupon Code : Promo15Connect with us on Social Platforms

Reference Link

https://goo.gl/qW1Sj7

Thank You