Vue JS Training Program

What are components

Why components

Hello World component

Anatomy of a component

Registering Components Locally and Globally

Root Component

Thinking in components

Composing application as components

Props, parent to child communication

Custom events, child to parent

Non parent child communication event emitter style using .emit, .on

Compilation scope

Single slot

Named slot

Scoped slot

Switching Multiple Components with Dynamic Components

Dynamic Component Behavior

Keeping Dynamic Components Alive

Lifecycle hooks

Introduction

Directive hook functions

Developing custom directive

Passing values and arguments to custom directives

Directive hook arguments

Introduction

Creating and using mixins

Option merging

Global mixin

Introduction

Local filters

Global filters

Chaining filters

Using vue-resource to working with HTTP

Fetch data

Post data to server

Request Response Interception

Template URLs

Introduction

Setting up vue-router

Loading routes

Routing modes

Navigation with router links

Styling active links

Imperative navigation

Route Parameters

Setting up child or nested routes

Named routes

Query parameters

Named router views

Wildcard routes

Route guards

Introduction

What is need for state management

What is vuex

Centralized store

Understanding Getters

Using Getters

Mapping Getters to Properties

Using Mutations

Using Actions

Mapping Actions to Methods