Jump start Vue.js / Nilson Jacques.

Format:

Book

Author/Creator:

Jacques, Nilson, author.

Language:

English

Subjects (All):

JavaScript (Computer program language).

Web site development.

Application software--Development.

Application software.

Physical Description:

1 online resource (163 pages)

Edition:

Second edition.

Place of Publication:

Richmond, Victoria : SitePoint Pty. Ltd., [2021]

Summary:

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. Now revised to cover Vue 3, this short book is ideal for front-end developers who need a rapid introduction to Vue.js. It covers: * Basic concepts: Vue fundamentals, templates, and reactive data * Components: custom components, events and slots * State management: Vuex, mutations, actions * Routes: creating routes, links and route guards * Nuxt.js: build sophisticated apps in no time * And much more!

Contents:

Jump Start Vue.js, 2nd Edition

Notice of Rights

Notice of Liability

Trademark Notice

About Nilson Jacques

About SitePoint

Table of Contents

Preface

Who Should Read This Book?

Conventions Used

Code Samples

Tips, Notes, and Warnings

Hey, You!

Ahem, Excuse Me ...

Make Sure You Always ...

Watch Out!

Live Code

Supplementary Materials

Vue.js: The Basics

Why Choose Vue?

Getting Started

The Vue Instance

Development vs Production

Reactive Data

Always Declare Your Data Properties

Template Syntax

Interpolations

Directives

v-for

Using an Array Index as a Key

v-if

v-bind

v-model

Take It for a Spin

v-on

Check Out a Demo

Methods

Template Scope

Computed Properties

Live Demos

Summary

Vue Tooling

Why Use Build Tooling?

Transpilation: Using Modern JavaScript Syntax in Old Browsers

Linting: Ensuring Code Quality

Using Single-file Components

Minification: Saving Space (and User Bandwidth)

Vue CLI

Installing the CLI

Prerequisites

Setting up New Projects

Automatic Project Source Control

Webpack Configuration

Plugins

Browser Devtools

Components Tab

Vuex Tab

Events Tab

Editor/IDE Integrations

Installing Vetur for VS Code

Components

Defining Custom Components

A Note on Naming

Component Options

Online Example

Template Root Elements

Importing Styles

Live Demo

Lifecycle Methods

Passing Data In

Prop Validation and Defaults

Defaults for Arrays and Objects

Communicating with the Outside World

emit()

Slots

Slot Fallback Content

Named Slots

Scoped Slots

AjaxLoader Example

The Composition API

The setup Function

props

context

Dealing with Data: ref and reactive

ref

reactive

Computed Values.

Watched Values

Debouncing the Watcher

Lifecycle Hooks

Creating Composables

Routing

Installing Vue Router

Folder Structure

StaffDirectory File

Semantic UI CSS

Installing via Vue CLI

Router Config Options

Example Server Configurations

Additional Options

Routes

Creating Routes

Route Parameters

Navigation

Links

Programmatic Navigation

push

replace

go

Navigation Guards

Global Guards

beforeEach

beforeResolve

afterEach

Per-route Guards

beforeEnter

beforeRouteEnter

beforeRouteUpdate

beforeRouteLeave

Example App

Example: Authorized Routes

Online Demo

State Management

Installing Vuex

Saving Time with Vue CLI

Basic Concepts

State

Getters

Mutations

Actions

Example

Installing axios

Nuxt.js

Starting a Nuxt Project

Installing with Yarn

Source Control

Project Layout

pages

layouts

Avoid Styling Global Markup

assets

Inlining Smaller Assets

store

Reloading the Development Server

middleware

plugins

Nuxt Component Options

asyncData

Additional Context Properties

fetch

head

layout

Building for Production

Single-page Application

Universal Application

Static Site

Putting It All Together

No Composition API

The Completed App Code

Creating a Nuxt App

Setting Up the Layout

Specifying &lt

head&gt

Content

Initializing a Vuex Store

A Reminder about Vuex Concepts

Adding the Users Page

The Employee Detail View

Creating the App Home Page

Editing Nuxt's index.vue Page

Adding Authentication

Installing and Configuring the Auth Module

Building an Authentication Back End

Authentication Strategies.

Adding the Login Page and Altering the Layout

That's All, Folks!.

Notes:

Description based on print version record.

ISBN:

9781098129521

1098129520

9781098129514

1098129512

OCLC:

1276862376