Explore Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Vue.js 3 By Example

You're reading from Vue.js 3 By Example Blueprints to learn Vue web development, full-stack development, and cross-platform development quickly

Product type Paperback

Published in Apr 2021

Publisher Packt

ISBN-13 9781838826345

Length 320 pages

Edition 1st Edition

Languages

Typescript

Tools

Vue

Concepts

Front End Web Development

Author (1):

John Au-Yeung

View More author details

Table of Contents (10) Chapters

Preface

1. Chapter 1: Creating Your First Application in Vue 3

2. Chapter 2: Building a Vue 3 Progressive Web App FREE CHAPTER

3. Chapter 3: Building a Slider Puzzle Game with Tests

4. Chapter 4: Building a Photo Management Desktop App

5. Chapter 5: Building a Multipurpose Calculator Mobile App with Ionic

6. Chapter 6: Building a Vacation Booking App with the PrimeVue UI Framework

7. Chapter 7: Creating a Shopping Cart System with GraphQL

8. Chapter 8: Building a Chat App with Vue 3, Laravel, and Socket.IO

9. Other Books You May Enjoy

Introducing Ionic Vue

Ionic Vue is a mobile app framework that lets us build apps with TypeScript and Vue. It also has versions based on React and Angular. It comes with many components that we can add to our app, just like any other UI framework. They include common things such as inputs, menus, icons, lists, and much more. A compiled Ionic app runs in a web view, so we can use web technologies such as local storage, geolocation, and other browser APIs in our apps.

It also comes with built-in tools that let us build mobile apps automatically, without the need to set up everything from scratch ourselves. Ionic Vue creates components that use the Composition API by default, so we will use that to build Vue apps that are more modular and work better with TypeScript.

Understanding the Composition API

The Composition API works better with TypeScript because it does not reference the this keyword, which has a dynamic structure. Instead, everything that is part of the Composition...

The rest of the chapter is locked

Register for a free Packt account to unlock a world of extra content!

A free Packt account unlocks extra newsletters, articles, discounted offers, and much more. Start advancing your knowledge today.

Unlock this book and the full library FREE for 7 days

Get unlimited access to 7000+ expert-authored eBooks and videos courses covering every tech area you can think of

Start free trial

Renews at $19.99/month. Cancel anytime

Authors (1)

John Au-Yeung

John Au-Yeung

John Au-Yeung is a frontend developer who has extensive experience with the latest frontend technologies. He has an MSc in information technology and a BSc in mathematics. He is also a part-time blogger who writes about the latest frontend development technologies. In addition, he is an author of many self-published books about JavaScript programming. He has extensive experience with Vue and React and loves working with both. JavaScript programming is his focus and is what he does every day.

See other products by John Au-Yeung

Other recommended products

Related to this chapter

Testing Vue.js Components with Jest

Testing Vue.js Components with Jest

Through this comprehensive guide, you'll learn several techniques to develop robust and bug-free applications, including shallow rendering, snapshot testing, and dependency mocking.

Oct 2019 2h 56m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js 3 Cookbook

Vue.js 3 Cookbook

Vue.js is an open-source JavaScript library for building modern, interactive web applications. From basic to advanced recipes, this book arms you with practical solutions to common tasks in building complete Vue.js web applications and helps you migrate to Vue.js 3 with a practical introduction to TypeScript and its latest features.

Sep 2020 18h 44m

Vue.js: Understanding its Tools and Ecosystem

Vue.js: Understanding its Tools and Ecosystem

Vue.js is one of the most preferred JavaScript frameworks and is used by several organizations such as NASA and Expedia. With this book, you’ll learn the fundamental concepts of Vue.js and the popular technologies that make up its ever-growing ecosystem.

Nov 2019 6h 28m

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Vuex Quick Start Guide

Vuex Quick Start Guide

State management preserves the state of controls in an user interface. Vuex is a state management tool for Vue.js that makes the architecture easier to understand, maintain and evolve. This book is the easiest way to get started with Vuex to improve your Vue.js application architecture and overall user experience.

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Full-Stack Vue.js 2 and Laravel 5

Full-Stack Vue.js 2 and Laravel 5

Vue is a JavaScript framework that can be used for anything from simple data display to sophisticated front-end applications and Laravel is a PHP framework used for developing fast and secure web-sites. This book gives you practical knowledge of building modern full-stack web apps from scratch using Vue with a Laravel back end. In this book, you will build a room-booking website named "Vuebnb". This project will show you the core features of Vue, Laravel and other state-of-the-art web development tools and techniques.

Dec 2017 12h 32m

Personalised recommendations for you

Based on your interests and search pattern

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Modern Full-Stack React Projects

Modern Full-Stack React Projects

Full-Stack React Projects is a complete guide to learning full-stack web development, understanding the creation and integration of backend systems, and advancing your career as a frontend developer.

Jun 2024 16h 52m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m

Mastering Node.js Web Development

Mastering Node.js Web Development

Explore Node.js with practical examples that will teach you how to utilize open-source packages for real-world solutions. Gain the skills to develop and deploy server-side applications that enhance your client-side projects.

Jun 2024 25h 56m