Jump Start Vue.js

Book description

Get up to speed with Vue.js in a weekend!

Since its release in 2014, Vue.js has seen a meteoric rise to popularity and is now considered one of the primary front-end frameworks, and not without good reason. Its component-based architecture was designed to be flexible and easy to adopt, making it just as easy to integrate into projects and use alongside non-Vue code as it is to build complex client-side applications.

This short book is ideal for front-end developers who need a rapid introduction to Vue.js. It covers:

  • Basic concepts: how Vue works, tempmlates, and reactive data
  • Components: custom components, events and slots
  • State management: Vuex, mutations, actions
  • Routes: creating routes, links and route guards
  • Nuxt.js
  • And much more!

Publisher resources

View/Submit Errata

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

Product information

  • Title: Jump Start Vue.js
  • Author(s): Nilson Jacques
  • Release date: February 2019
  • Publisher(s): SitePoint
  • ISBN: 9781925836097