Jump Start Vue.js

Table of contents

1. Jump Start Vue.js
2. Notice of Rights
3. Notice of Liability
4. Trademark Notice
5. About SitePoint
6. About Nilson Jacques
7. Preface
   1. Who Should Read This Book?
   2. Conventions Used
      1. Code Samples
      2. Tips, Notes, and Warnings
   3. Supplementary Materials
8. Chapter 1: Vue.js: the Basics
   1. Why Choose Vue?
   2. Getting Started
   3. The Vue Instance
   4. Reactive Data
   5. Template Syntax
      1. Interpolations
      2. Directives
   6. Methods
   7. Computed Properties
   8. Summary
9. Chapter 2: Vue Tooling
   1. Why Use Build Tooling?
      1. Transpilation: Using Modern JavaScript Syntax in Old Browsers
      2. Linting: Ensuring Code Quality
      3. Using Single-file Components
      4. Minification: Saving Space (and User Bandwidth)
   2. Vue CLI
      1. Installing the CLI
      2. Setting up New Projects
      3. Plugins
   3. Browser Devtools
      1. Components Tab
      2. Vuex Tab
      3. Events Tab
   4. Editor/IDE Integrations
      1. Installing Vetur for VS Code
   5. Summary
10. Chapter 3: Components
    1. Defining Custom Components
       1. Component Options
       2. Lifecycle Methods
    2. Passing Data In
       1. Prop Validation and Defaults
    3. Communicating with the Outside World
    4. Slots
       1. Named Slots
       2. Scoped Slots
    5. Summary
11. Chapter 4: Routing
    1. Installing Vue Router
       1. Installing via Vue CLI
       2. Router Config Options
    2. Routes
       1. Creating Routes
       2. Route Parameters
    3. Navigation
       1. Links
       2. Programmatic Navigation
    4. Navigation Guards
       1. Global Guards
       2. Per-route guards
    5. Example: Authorized Routes
    6. Summary
12. Chapter 5: State Management
    1. Installing Vuex
    2. Basic Concepts
       1. State
       2. Getters
       3. Mutations
       4. Actions
    3. Example
    4. Summary
13. Chapter 6: Nuxt.js
    1. Starting a Nuxt Project
    2. Project Layout
       1. pages
       2. layouts
       3. assets
       4. store
       5. middleware
       6. plugins
    3. Nuxt Component Options
       1. asyncData
       2. fetch
       3. head
       4. layout
    4. Building for Production
       1. Single Page Application
       2. Universal Application
       3. Static Site
    5. Summary
14. Chapter 7: Tying It All Together
    1. Creating a Nuxt App
       1. Setting Up the Layout
       2. Initializing a Vuex Store
       3. Adding the Users Page
       4. The Employee Detail View
       5. Creating the App Home Page
    2. Adding Authentication
       1. Installing and Configuring the Auth Module
       2. Adding the Login Page and Altering the Layout
    3. Summary