Packt+ | Advance your knowledge in tech

0

All Products

Best Sellers

New Releases

Books

Videos

Audiobooks

Free Learning

Vue.js 2.x by Example

You're reading from Vue.js 2.x by Example Example-driven guide to build web apps with Vue.js for beginners

Product type Paperback

Published in Dec 2017

Publisher Packt

ISBN-13 9781788293464

Length 412 pages

Edition 1st Edition

Languages

JavaScript

Tools

Vue

Concepts

Front End Web Development

Author (1):

Street

View More author details

Table of Contents (20) Chapters

Title Page

Credits

About the Author

About the Reviewers

Acknowledgments

www.PacktPub.com

Customer Feedback

Preface

1. Getting Started with Vue.js FREE CHAPTER

2. Displaying, Looping, Searching, and Filtering Data

3. Optimizing your App and Using Components to Display Data

4. Getting a List of Files Using the Dropbox API

5. Navigating through the File Tree and Loading Folders from the URL

6. Caching the Current Folder Structure Using Vuex

7. Pre-Caching Other Folders and Files for Faster Navigation

8. Introducing Vue-Router and Loading URL-Based Components

9. Using Vue-Router Dynamic Routes to Load Data

10. Building an E-Commerce Store – Browsing Products

11. Building an E-Commerce Store – Adding a Checkout

12. Using Vue Dev Tools and Testing Your SPA

Completing the shop SPA

The last step is to add a link from the OrderBasket component to the OrderCheckout page. This can be done by linking to the Checkout route. With that, your checkout is complete, along with your shop! Add the following link to the basket:

template: `<div>
  <h1>Basket</h1>
  <list-purchases :editable="true" />
<router-link :to="{name: 'Checkout'}">Proceed to Checkout</router-link>
</div>`,

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 $15.99/month. Cancel anytime

Authors (1)

Street

Street

Mike Street (aka mikestreety) is a frontend developer from Brighton, UK. Specializing in Gulp, SCSS, HTML, and Vue, he has been developing websites professionally since 2010. After making his first Vue app as an experimental side project, he's been hooked ever since. When not developing on the web, Mike likes to explore the Sussex countryside on his bike, start a new side-project without finishing the last, or heading to the cinema.

See other products by Street

Other recommended products

Related to this chapter

Ripple Quick Start Guide

Ripple Quick Start Guide

Ripple uses blockchain technology to make international money transfer fast and efficient. Since it drastically reduces cost, it is widely accepted by financial institutions around the world. This book will help you with both theoretical and practical knowledge on how you can use the ripple technology. Since this book takes a hands-on approach, it stands out from other books which stick to theory.

Dec 2018 5h 20m

Building Forms with Vue.js

Building Forms with Vue.js

Building forms with Vue.js will guide you step by step to transform your online forms into a schema driven powerhouse. With the use of some of the core and most popular libraries you will be able to go from zero to hero.

Oct 2019 3h 36m

Vue.js 2 Design Patterns and Best Practices

Vue.js 2 Design Patterns and Best Practices

Vue.js is a lightweight and easy-to-learn JavaScript library for building user interfaces. With its faster and lighter Virtual DOM implementation, easier to learn, flexible, less opinionated solution, and many features, Vue.js is giving a good competition to the popular frameworks and libraries such as React and Angular. This book takes a complete journey to exploring the important design patterns in Vue and implementing them in real life scenarios

Mar 2018 11h 28m

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

Mastering Bootstrap 4

Mastering Bootstrap 4

Bootstrap 4 is a free CSS and JavaScript framework that allows developers to rapidly build responsive web-interfaces. This book will help you adapt and customize Bootstrap to produce enticing websites that fit your needs.

Feb 2018 11h 48m

Vue.js 2 and Bootstrap 4 Web Development

Vue.js 2 and Bootstrap 4 Web Development

Vue.js is one of the latest new frameworks to have piqued the interest of web developers due to its reactivity, reusable components, and ease of use. When you combine Bootstrap with Vue.js, it provides quicker ways to create responsive web applications. This book teaches you to add dynamic functionality to your web applications by combining Bootstrap with Vue.js. In this book, we will combine Bootstrap with Vue.js to form a complete front-end stack and build highly reactive and responsive applications.

Sep 2017 10h 20m

Vue.js Quick Start Guide

Vue.js Quick Start Guide

Vue.js is the latest trending frontend framework. Simplicity, reactivity, and ?exibility are some of the key benefits that Vue offers to developers. This book will help you learn everything you need to know to build stunning reactive web apps with Vue.js 2 quickly and easily.

Oct 2018 6h 12m

Vue.js 2 Web Development Projects

Vue.js 2 Web Development Projects

Do you want to make your web application amazingly responsive? Are you unhappy with your app's performance and looking forward to trying out ways to make your app more powerful? Then Vue.js, a framework for building user interfaces, is a great choice, and this book is the ideal way to put it through its paces. This book's project-based approach will get you to build six stunning applications from scratch and gain valuable insights in Vue.js 2.5.

Nov 2017 13h 16m

ASP.NET Core 2 and Vue.js

ASP.NET Core 2 and Vue.js

Microsoft have recently expanded their suite of SPA project templates to include a Vue.js based template that includes all the tooling required to build modern production ready applications out of the box. In this book, we'll leverage some of the more powerful Vue.js features with ASP.NET core backend to build modern web apps.

Jul 2018 18h 32m

Vue.js 2 Cookbook

Vue.js 2 Cookbook

Vue.js is an open source JavaScript library for building modern, interactive web applications. With a rapidly growing community and a strong ecosystem, Vue.js makes developing complex single page applications a breeze. Its component-based approach, intuitive API, blazing fast core, and compact size make Vue.js a great solution to craft your next front-end application. From basic to advanced recipes, this book arms you with practical solutions to common tasks when building an application using Vue.

Apr 2017 15h 8m

Personalised recommendations for you

Based on your interests and search pattern

ASP.NET Core 9 Web API Cookbook

ASP.NET Core 9 Web API Cookbook

Get ready for the future of web API development by working through practical recipes covering REST, GraphQL, SignalR, and gRPC. This book is ideal for .NET developers eager to learn best practices in API security, data access optimization, and more.

Apr 2025 11h 28m

Spring System Design in Practice

Spring System Design in Practice

This book guides you through the intricacies of building robust software architectures with Spring. You'll get hands-on with the tools and best practices needed to design scalable, secure, and high-performance applications.

May 2025 15h 4m

Learn React Hooks

Learn React Hooks

This ultimate guide to Hooks shows you how to manage state, handle form submissions, fetch data using Suspense, and build reusable custom Hooks. This edition includes the latest Hooks and introduces modern React 19 features with real-world use cases.

May 2025 12h 24m