VueJS Documentation

This Book

1. Recommended Resources
2. Recommended Books

Installation

1. Vue Devtools
2. Direct <script> Include
3. NPM
4. CLI
5. Explanation of Different Builds
6. Dev Build
7. Bower
8. AMD Module Loaders

Introduction

1. What is Vue.js?
2. Getting Started
3. Declarative Rendering
4. Conditionals and Loops
5. Handling User Input
6. Composing with Components
7. Ready for More?

The Vue Instance

1. Creating a Vue Instance
2. Data and Methods
3. Instance Lifecycle Hooks
4. Lifecycle Diagram

Template Syntax

1. Interpolations
2. Directives
3. Shorthands

Computed Properties and Watchers

1. Computed Properties
2. Watchers

Class and Style Bindings

1. Binding HTML Classes
2. Binding Inline Styles

Conditional Rendering

1. v-if
2. v-show
3. v-if vs v-show
4. v-if with v-for

List Rendering

1. Mapping an Array to Elements with v-for
2. v-for with an Object
3. Maintaining State
4. Array Change Detection
5. Displaying Filtered/Sorted Results
6. v-for with a Range
7. v-for on a <template>
8. v-for with v-if
9. v-for with a Component

Event Handling

1. Listening to Events
2. Method Event Handlers
3. Methods in Inline Handlers
4. Event Modifiers
5. Key Modifiers
6. System Modifier Keys
7. Why Listeners in HTML?

Form Input Bindings

1. Basic Usage
2. Value Bindings
3. Modifiers
4. v-model with Components

Components Basics

1. Base Example
2. Reusing Components
3. Organizing Components
4. Passing Data to Child Components with Props
5. A Single Root Element
6. Listening to Child Components Events
7. Content Distribution with Slots
8. Dynamic Components
9. DOM Template Parsing Caveats

Component Registration

1. Component Names
2. Global Registration
3. Local Registration
4. Module Systems

Props

1. Prop Casing (camelCase vs kebab-case)
2. Prop Types
3. Passing Static or Dynamic Props
4. One-Way Data Flow
5. Prop Validation
6. Non-Prop Attributes

Custom Events

1. Event Names
2. Customizing Component v-model
3. Binding Native Events to Components
4. .sync Modifier

Slots

1. Slot Content
2. Compilation Scope
3. Fallback Content
4. Named Slots
5. Scoped Slots
6. Dynamic Slot Names
7. Named Slots Shorthand
8. Other Examples
9. Deprecated Syntax

Dynamic & Async Components

1. keep-alive with Dynamic Components
2. Async Components

Handling Edge Cases

1. Element & Component Access
2. Programmatic Event Listeners
3. Circular References
4. Alternate Template Definitions
5. Controlling Updates

Enter/Leave & List Transitions

1. Overview
2. Transitioning Single Elements/Components
3. Transitions on Initial Render
4. Transitioning Between Elements
5. Transitioning Between Components
6. List Transitions
7. Reusable Transitions
8. Dynamic Transitions

State Transitions

1. Animating State with Watchers
2. Dynamic State Transitions
3. Organizing Transitions into Components
4. Bringing Designs to Life

Mixins

1. Basics
2. Option Merging
3. Global Mixin
4. Custom Option Merge Strategies

Custom Directives

1. Intro
2. Hook Functions
3. Directive Hook Arguments
4. Function Shorthand
5. Object Literals

Render Functions & JSX

1. Basics
2. Nodes, Trees, and the Virtual DOM
3. createElement Arguments
4. Replacing Template Features with Plain JavaScript
5. JSX
6. Functional Components
7. Template Compilation

Plugins

1. Using a Plugin
2. Writing a Plugin

Filters

Single File Components

1. Introduction
2. Getting Started

Testing

1. Introduction
2. Unit Testing
3. Component Testing
4. End-to-End (E2E) Testing

TypeScript Support

1. Official Declaration in NPM Packages
2. Recommended Configuration
3. Development Tooling
4. Basic Usage
5. Class-Style Vue Components
6. Augmenting Types for Use with Plugins
7. Annotating Return Types
8. Annotating Props

Production Deployment

1. Turn on Production Mode
2. Pre-Compiling Templates
3. Extracting Component CSS
4. Tracking Runtime Errors

Routing

1. Official Router
2. Simple Routing From Scratch
3. Integrating 3rd-Party Routers

State Management

1. Official Flux-Like Implementation
2. Simple State Management from Scratch

Server-Side Rendering

1. The Complete SSR Guide
2. Nuxt.js
3. Quasar Framework SSR + PWA

Security

1. Reporting Vulnerabilities
2. Rule No.1: Never Use Non-trusted Templates
3. What Vue Does to Protect You
4. Potential Dangers
5. Best Practices
6. Backend Coordination
7. Server-Side Rendering (SSR)

Reactivity in Depth

1. How Changes Are Tracked
2. Change Detection Caveats
3. Declaring Reactive Properties
4. Async Update Queue

Migration from Vue 1.x

1. FAQ
2. Templates
3. Lifecycle Hooks
4. v-for
5. Props
6. Computed properties
7. Built-In Directives
8. Custom Directives ^simplified
9. Transitions
10. Events
11. Filters
12. Slots
13. Special Attributes
14. Interpolation
15. Reactivity
16. DOM-Focused Instance Methods
17. Meta Instance Methods
18. Instance DOM Options
19. Global Config
20. Global API

Migration from Vue Router 0.7.x

1. Router Initialization
2. Route Definitions
3. Route Matching
4. Links
5. Programmatic Navigation
6. Router Options: Modes
7. Route Options: Misc
8. Route Hooks

Migration from Vuex 0.6.x to 1.0

1. store.watch with String Property Path ^replaced
2. Store’s Event Emitter ^removed
3. Middlewares ^replaced