product iamge

Vue.js 3 Cookbook: Discover actionable solutions for building modern web apps with the latest Vue features and TypeScript

This document was uploaded by one of our users. The uploader already confirmed that they had the permission to publish it. If you are author/publisher or own the copyright of this documents, please report to us by using this DMCA report form.

Download
Search on Amazon

Simply click on the Download Book button.

Yes, Book downloads on Ebookily are 100% Free.

Sometimes the book is free on Amazon As well, so go ahead and hit "Search on Amazon"

Explore the new features of Vue.js 3 and discover best practices for building fault-tolerant and professional frontend web applications

Key Features

  • Migrate your apps from Vue.js 2 to Vue.js 3 with the help of practical recipes
  • Explore the latest Vue.js 3 features such as reactivity API, composition API, and TypeScript support
  • Extend the capabilities and performance of Vue.js apps with Quasar, Vuetify, and Nuxt.js frameworks

Book Description

Vue.js is a progressive web framework for building professional user interfaces for your web applications. With Vue.js 3, the frontend framework is reinforced with architectural enhancements, new base languages, new render processes, and separated core components.

The book starts with recipes for implementing Vue.js 3's new features in your web development projects and migrating your existing Vue.js apps to the latest version. You will get up and running with TypeScript with Vue.js and find succinct solutions to common challenges and pitfalls faced in implementing components, derivatives, and animation, through to building plugins, adding state management, routing, and developing complete single-page applications (SPAs). As you advance, you'll discover recipes to help you integrate Vue.js apps with Nuxt.js in order to add server-side rendering capabilities to your SPAs. You'll then learn about the Vue.js ecosystem by exploring modern frameworks such as Quasar, Nuxt.js, Vuex, and Vuetify in your web projects. Finally, the book provides you with solutions for packaging and deploying your Vue.js apps.

By the end of this Vue.js book, you'll be able to identify and solve challenges faced in building Vue.js applications and be able to adopt the Vue.js framework for frontend web projects of any scale.

What you will learn

  • Design and develop large-scale web applications using Vue.js 3's latest features
  • Create impressive UI layouts and pages using Vuetify, Buefy, and Ant Design
  • Extend your Vue.js applications with dynamic form and custom rules validation
  • Add state management, routing, and navigation to your web apps
  • Extend Vue.js apps to the server-side with Nuxt.js
  • Discover effective techniques to deploy your web applications with Netlify
  • Develop web applications, mobile applications, and desktop applications with a single code base using the Quasar framework

Who this book is for

The book is for both new and experienced Vue.js developers looking to overcome challenges in building dynamic web applications with Vue 3. Knowledge of JavaScript and a basic understanding of Vue.js will help you to make the most of this book.

Table of Contents

  1. Understanding Vue 3 and Creating Components
  2. Introducing TypeScript and the Vue Ecosystem
  3. Data binding, Form Validations, Events, and Computed Properties
  4. Components, Mixins, and Functional components
  5. Fetching Data from the Web via HTTP Requests
  6. Managing Routes with with vue-router
  7. Managing the Application State with Vuex
  8. Animating Your Application with Transitions and CSS
  9. Creating Beautiful Applications Using UI Frameworks
  10. Deploying an Application to Cloud Platforms
  11. Directives, Plugins, SSR, and More

Author(s): Heitor Ramon Ribeiro
Publisher: Packt Publishing
Year: 2020

Language: English
Commentary: True PDF
Pages: 562

Cover
Title Page
Copyright and Credits
About Packt
Contributors
Table of Contents
Preface
Chapter 1: Understanding Vue 3 and Creating Components
What is new in Vue 3
Improvements to the framework
Under the hood
Render engine
Exposed APIs
New custom components
Fragments
Teleport
Suspense
API changes
Some minor break changes
Goodbye filters, hello filters! The Vue filters API
The bus just left the station! The event bus API
No more global Vue – the mounting API
v-model, v-model, v-model – multiple v-model
Composition API
Technical requirements
Creating the base file
Upgrading your Vue 2 application to Vue 3
Getting ready
How to do it...
Using Vue-CLI to upgrade the project
Upgrading the project manually
Changing the starting files
How it works...
Creating components with multiple root elements
How to do it...
Creating the component with the