cta quote button

Top 10 Vue.js Books You Should Read

Read More

How Much Does It Cost to Hire Web Developers in Ukraine?

Our pricing is completely transparent: you pay your engineers’ salaries and a flat monthly fee for our services. No hidden charges.

Read More

1. Vue.js 2 and Bootstrap 4 Web Development: Build Responsive SPAs with Bootstrap 4, Vue.js 2, and Firebase (2017)

Learn how to combine Bootstrap with Vue.js to build responsive web applications.

About This Book

  • Build applications with a good architecture and clean UI with Vue.js and Bootstrap
  • Understand Bootstrap components and learn to integrate them with the Vue.js structure
  • Build, deploy, and test your code with various utility tools provided by Vue.js

Who This Book Is For

This book is for JavaScript programmers who are new to web frameworks and want to start learning it by developing interactive and responsive web applications.

What You Will Learn

  • Create and build web applications using Vue.js, Webpack, and Nuxt.js
  • Combine Bootstrap components with Vue.js’ power to enrich your web applications with reusable elements
  • Connect the Vuex state management architecture to the Firebase cloud backend to persist and manage application data
  • Explore the new grid system of Bootstrap 4 along with the far simpler directives in Vue.js
  • Test Vue applications using Jest
  • Authenticate your application using Bootstrap’s forms, Vue.js’ reactivity, and Firebase’s authentication API
  • Deploy your application using Firebase, which provides Backend as a Service

In Detail

In this book, we will build a full stack web application right from scratch up to its deployment.

We will start by building a small introduction application and then proceed to the creation of a fully functional, dynamic responsive web application called ProFitOro. In this application, we will build a Pomodoro timer combined with office workouts. Besides the Pomodoro timer and ProFitOro workouts will enable authentication and collaborative content management. We will explore topics such as Vue reactive data binding, reusable components, routing, and Vuex store along with its state, actions, mutations, and getters. We will create Vue applications using both webpack and Nuxt.js templates while exploring cool hot Nuxt.js features such as code splitting and server-side rendering. We will use Jest to test this application, and we will even revive some trigonometry from our secondary school!

While developing the app, you will go through the new grid system of Bootstrap 4 along with Vue.js’ directives. We will connect Vuex store to the Firebase real-time database, data storage, and authentication APIs and use this data later inside the application’s reactive components. Finally, we will quickly deploy our application using the Firebase hosting mechanism.

Style and Approach

Step-by-step tutorial

Author(s): Olga Filipova

2. Learning Vue.js 2: Learn how to build amazing and complex reactive web applications easily with Vue.js (2016)

Learn how to build amazing and complex reactive web applications easily with Vue.js

About This Book

  • Learn how to propagate DOM changes across the website without writing extensive jQuery callbacks code.
  • Learn how to achieve reactivity and easily compose views with Vue.js and understand what it does behind the scenes.
  • Explore the core features of Vue.js with small examples, learn how to build dynamic content into preexisting web applications, and build Vue.js applications from scratch.

Who This Book Is For

This book is perfect for novice web developer seeking to learn new technologies or frameworks and also for webdev gurus eager to enrich their experience. Whatever your level of expertise, this book is a great introduction to the wonderful world of reactive web apps.

What You Will Learn

  • Build a fully functioning reactive web application in Vue.js from scratch.
  • The importance of the MVVM architecture and how Vue.js compares with other frameworks such as Angular.js and React.js.
  • How to bring reactivity to an existing static application using Vue.js.
  • How to use plugins to enrich your applications.
  • How to develop customized plugins to meet your needs.
  • How to use Vuex to manage global application’s state.

In Detail

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.

This book shows developers how to leverage its features to build high-performing, reactive web interfaces with Vue.js. From the initial structuring to full deployment, this book provides step-by-step guidance to developing an interactive web interface from scratch with Vue.js.

You will start by building a simple application in Vue.js which will let you observe its features in action. Delving into more complex concepts, you will learn about reactive data binding, reusable components, plugins, filters, and state management with Vuex. This book will also teach you how to bring reactivity to an existing static application using Vue.js. By the time you finish this book you will have built, tested, and deployed a complete reactive application in Vue.js from scratch.

Style and approach

This book is a thorough, step-by-step guide showing readers how to build complete web apps with Vue.js. While teaching its intricacies, this book shows how to implement the MVVM architecture in the real world and build high-performing web interfaces.

Table of Contents

  1. Going Shopping with Vue.js
  2. Fundamentals – Installing and Using
  3. Components – Understanding and Using
  4. Reactivity – Binding Data to Your Application
  5. Vuex – Managing State in Your Application
  6. Plugins – Building Your House with Your Own Bricks
  7. Testing – Time to Test What We Have Done So Far!
  8. Deploying – Time to Go Live!
  9. What Is Next?
  10. Solutions to Exercises

Author(s): Olga Filipova

3. Vue: Step-By-Step Guide To Mastering Vue.js From Beginner To Advanced (2017)


Vue JS is is a progressive real time framework for building user interfaces. Unlike other monolithic frameworks, Vue is designed from the ground up to be incrementally adoptable.

Also,Vue is becoming more popular day by day and thousands of jobs are posting each day.

Each chapter will contain a certain number of relevant topics with illustrations and exercises where necessary, this will all be finished off with an end of chapter quiz for an easy and enjoyable learning.

Benefits of this Book/Tutorial you will not find anywhere else:

  • This book will help you to become a master of Vue JS for real
  • This book teaches you Vue JS from beginning to advanced level
  • Also it will show you how to install Vue JS packages step by step as well


Author(s): Lionel Lopez

4. Vue.js: Up & Running: Building Accessible and Performant Web Apps (2018)

Get a brisk introduction to building fast, interactive single-page web applications with Vue.js, the popular JavaScript framework that organizes and simplifies web development. With this practical guide, you’ll quickly move from basics to custom components and advanced features—including JSX, the JavaScript syntax extension.

Author Callum Macrae shows you how to use the most useful libraries in the Vue ecosystem, such as vue-router for routing, vuex for state management, and vue-test-utils for testing. If you’re a frontend developer familiar with JavaScript, HTML, and CSS, this book will show you how to develop a fully featured web application using Vue.

  • Learn Vue.js basics, including its use of templates to display data on a page
  • Set up Vue projects from scratch, or use vue-cli to set up from a template
  • Create a maintainable codebase by splitting code into self-contained components
  • Discover how Vue.js works with CSS to style your websites and applications
  • Use render functions and JSX, rather than templates, to determine what Vue displays
  • Control how code is executed and displayed with vue-router
  • Manage state in one centralized place with the Vuex library
  • Write unit tests to ensure your Vue components don’t break in the future

Author(s): Callum Macrae

5. Vue.js 2 Web Development Projects: Learn Vue.js by building 6 web apps (2017)

Key Features

  • Build exciting real world web projects from scratch and become proefficient with Vue.js Web Development
  • Take your app to the next level with animation, routing, state management, server-side rendering and i18n
  • Learn professional web programming techniques to supercharge your Vue.js projects

Book Description

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. You’ll start by learning the basics of Vue.js and create your first web app using directives along with rich and attractive user experiences. You will learn about animations and interactivity by creating a browser-based game. Using the available tools and preprocessor, you will learn how to create multi-page apps with plugins. You will create highly efficient and performant functional components for your app. Next, you will create your own online store and optimize it. Finally, you will integrate Vue.js with the real-time Meteor library and create a dashboard showing real-time data.

By the end of this book you will have enough skills and will have worked through enough examples of real Vue.js projects to create interactive professional web applications with Vue.js 2.5.

What you will learn

  • Set up a full Vue.js npm project with the webpack build tool and the official scaffolding tool, vue-cli
  • Write automatically updated templates with directives to create a dynamic web application
  • Structure the app with reusable and maintainable components
  • Create delightful user experiences with animations
  • Use build tools and preprocessor to make larger professional applications
  • Create a multi-page application with the official Vue.js routing library
  • Integrate non-Vue.js elements into your apps like Google Maps
  • Use the official state-management library to prevent errors
  • Optimize your app for SEO and performance with server-side rendering and internationalization

About the Author

Guillaume Chau is the creator of integrations with Meteor (vue-meteor) and Apollo GraphQL (vue-apollo) to help developers build highly interactive, real-time, Vue-powered apps. He also created the official vue-curated app , which helps you to discover great packages, and he contributes to the ecosystem with tools such as vue-virtual-scroller and vue-supply. He built a customer portal app for a big energy company with large datasets and performance challenges and is now working with an innovative French start-up (WebRTC and real-time data).

Table of Contents

  1. Getting started with VueJS
  2. Project1: Simple markdown notebook
  3. Project2: Browser-based game
  4. Setting up a full-scale project
  5. Project3: Support center
  6. Project4: Geolocated microblogging
  7. Project5: E-commerce
  8. Integrating VueJS with Meteor: Realtime dashboard

Author(s): Guillaume Chau

6. Vue.js 2 Cookbook (2017)

Key Features

  • Understand and use Vue’s reactivity system, data binding, and computed properties
  • Create fluid transitions in your application with Vue’s built-in transition system
  • Use Vuex and Webpack to build medium-to-large scale SPAs and enhance your development workflow

Book Description

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. We start off by exploring the fundamentals of Vue.js: its reactivity system, data-binding syntax, and component-based architecture through practical examples.

After that, we delve into integrating Webpack and Babel to enhance your development workflow using single file components. Finally, we take an in-depth look at Vuex for state management and Vue Router to route in your single page applications, and integrate a variety of technologies ranging from Node.js to Electron, and Socket.io to Firebase and HorizonDB.

This book will provide you with the best practices as determined by the Vue.js community.

What you will learn

  • Understand the fundamentals of Vue.js through numerous practical examples
  • Piece together complex web interfaces using the Vue.js component system
  • Use Webpack and Babel to enhance your development workflow
  • Manage your

Author(s): Andrea Passaglia

7. Full-Stack Vue.js 2 and Laravel 5: Bring the frontend and backend together with Vue, Vuex, and Laravel (2017)

Learn to build professional full-stack web apps with Vue.js and Laravel

Key Features

  • End-to-end guide on full-stack development with Vue.js 2 and Laravel 5
  • Developing modern user interfaces with a reusable component-based architecture
  • Use Webpack to improve applications performance and development workflow
  • Explore the features of Vuex to build applications that are powerful, consistent, and maintainable

Book Description

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.

The book begins with a thorough introduction to Vue.js and its core concepts like data binding, directives and computed properties, with each concept being explained first, then put into practice in the case-study project.

You will then use Laravel to set up a web service and integrate the front end into a full-stack app. You will be shown a best-practice development workflow using tools like Webpack and Laravel Mix.

With the basics covered, you will learn how sophisticated UI features can be added using ES+ syntax and a component-based architecture. You will use Vue Router to make the app multi-page and Vuex to manage application state.

Finally, you will learn how to use Laravel Passport for authenticated AJAX requests between Vue and the API, completing the full-stack architecture. Vuebnb will then be prepared for production and deployed to a free Heroku cloud server.

What you will learn

  • Core features of Vue.js to create sophisticated user interfaces
  • Build a secure backend API with Laravel
  • Learn a state-of-the-art web development workflow with Webpack
  • Full-stack app design principles and best practices
  • Learn to deploy a full-stack app to a cloud server and CDN
  • Managing complex application state with Vuex
  • Securing a web service with Laravel Passport

Who This Book Is For

This book targets developers who are new to Vue.js, Laravel, or both, and are seeking a practical, best-practice approach to development with these technologies.

They must have some knowledge of HTML, CSS and Javascript.

Table of Contents

  1. Hello Vue: An Introduction To Vue.js
  2. Prototyping Vuebnb, Your First Vue.js Project
  3. Hello Laravel: Getting Started With Laravel
  4. Building A Web Service With Laravel
  5. Integrating Laravel And Vue.js With Webpack
  6. Composing Widgets With Vue.js Components
  7. Building A Multi-Page App With Vue
  8. Managing Your Application State With Vuex
  9. Adding A User Login & API Authentication With Passport
  10. Deploying A Full-Stack App To The Cloud

Author(s): Anthony Gore

9. Mastering Vue.js (2018)

Learn how to create scalable and reactive web applications easily with Vue.js

Who This Book Is For

Mastering Vue.js is for anyone who wants to get a deep dive in Vue.js

In this book we will start from scratch and finish with understanding of all features of Vue. We will go step by step increasing complexity in each chapter. In this book you won’t find only theory. All examples for each chapter are real. We will also build three applications with different complexity while you will be reading the book.

What You Will Learn

  • How to build a fully functioning web application in Vue.js from scratch.
  • Project structuring and architecture to avoid unnecessary complexity.
  • How to bring reactivity to an existing static application using Vue.js.
  • How to add animations to Vue.js application
  • How to communicate with APIs via HTTP
  • How to use Vuex to create centralized state management

In Detail

Building frontend nowadays is as difficult as never before. All business logic was moved from backend side to frontend. This makes architecture really difficult. Earlier it was enough to use jQuery and to do just a bit of javascript on page, but now it’s really a tough way to build big and scalable project using something as simple as jQuery.

There are a lot of frameworks nowadays which are aimed at achieving the best results with creating project of different sizes in easy and pleasant way.I would say that Vue is one of the best in this competition. It’s quite new (so you will be on the cutting edge) but there already exist a lot of production applications. Vue has nice learning curve (but you still have a lot to learn) but also takes best from Angular and React frameworks to create projects with different difficulty level. It may be as easy as writing your own blog and may be something really difficult as ecommerce online shop..


This book was written with Vue 2.5.9 and will work with any environment.

Table of Contents

  1. Creating first Vue application
  2. Methods in Vue
  3. Getting event inside method
  4. Listening to keyboard events
  5. Styling in Vue
  6. Conditions and loops
  7. Creating a recipes project
  8. Understanding Vue-cli
  9. Creating custom components
  10. Props in vue
  11. Communication between components
  12. Refs in Vue
  13. Slots in Vue
  14. Building tracks admin project
  15. Working with forms
  16. Custom directives and filters
  17. Computed properties
  18. Mixings
  19. CSS and Javascript animations
  20. Working with servers via HTTP
  21. Deep dive in Vue-router
  22. Managing state with Vuex
  23. Building tickets project
  24. Deploying a Vue application
  25. Homework

Author(s): Oleksandr Kocherhin

10. Vue.js in Action (2018)

Vue.js is a front-end framework that builds on many of the reactive UI ideas introduced in React.js.

Vue.js in Action teaches readers to build fast, flowing web UI with the Vue.js framework. As they move through the book, readers put their skills to practice by building a complete web store application with product listings, a checkout process, and an administrative interface!

Purchase of the print book includes a free eBook in PDF, Kindle, and ePub formats from Manning Publications.

Author(s): Eric Hanchett, Benjamin Listwon

11. The Majesty Of Vue.js (2016)

Create fast front-end applications and increase the performance of your existing projects with Vue.js integration About This Book Learn about computed properties, components, filters, routing, ES6, and workflow automation This book will show you how easy Vue.js is to grasp, and that its integration can save you a lot of time and effort This book will guide you through the path of the rapidly spreading JavaScript Framework Vue.js Who This Book Is For This book is for anyone interested in learning to use a lightweight and simple JavaScript framework. No excessive knowledge is required, though it would be good to be familiar with HTML and JavaScript. This book is also useful for those who already know their way around Vue.js and want to expand their knowledge. What You Will Learn Get to know the fundamentals of Vue.js Consume an API using Vue Resource Explore components, filters, methods, and computed properties are and find out how to use them to build robust applications Break your applications into Single File Components Build Single Page Applications using Vue Router Automate your workflow using Vue.js In Detail Vue.js is a library to build interactive web interfaces. The aim is to provide the benefits of reactive data binding and composable view components with an API that is as simple as possible. This book will teach you how to efficiently implement Vue.js in your projects. It starts with the fundamentals of Vue.js to building large-scale applications. You will find out what components, filters, methods, and computed properties are and how to use them to build robust applications. Further on, you will become familiar with ES6, single file components, module bundlers, and workflow automation. The best way to learn to code is to write it, so there’s an exercise at the end of most of the chapters for you to solve and actually test yourself on what you have learned. You can solve these in order to gain a better understanding of Vue.js. By the end of this book, you will be able to create fast front-end applications and increase the performance of your existing projects with Vue.js integration. Style and approach The book is written in an informal, intuitive, and easy-to-follow format, and all examples are detailed enough to provide adequate guidance to everyone.”

Author(s): Alex Kyriakidis, Kostas Maniatis

12. Full Stack Web Apps with Vue.js and Node.js: Develop modern and realtime web apps with Mongo, Express, Vue.js 2.0, and Node 10 (2018)

The book covers a step-by-step guide from building an application with Express.js, creating RESTful APIs with Mongo DB, implementation of Vue.js on frontend, Single Page Application.

Key Features

  • Learn how to construct modern web applications with Node.js, Express.js, MondoDB, and Vue.js
  • Harness the power of the JavaScript on the client as well as server side to build your full stack applications.
  • Gain deep and practical understanding of real-time web applications with real-world examples

Book Description

Isomorphic JavaScript has been the buzzword of the year 2017, allowing developers to utilize a single language throughout their web development stack and build cost effective and scalable application.

MEVN is a one such modern web development stack which comprises of web technologies like MongoDB, Express.js, Vue.js and Node. This book leverages the sweet harmony of these technologies to help you create real-time full stack web applications.

Starting with the core frameworks, this example based guide will explain all the key concepts and of each of the frameworks, how to set them up properly and how to use popular modules to connect them together and make them work cohesively by following the real world examples demonstrated in this book.

The readers will be able to scaffold their web application architecture, add authentication layer, and develop the MVC structure to support the development of your application. You’ll learn how to create data models for your applications as well as writing REST APIs exposing your data model to your application. Further down the line we utilize various third party libraries (Socket.io), tools, and frameworks to add real-time functionality to our applications and streamline our daily development lifecycle.

Watch how your application development grows by learning from the only guide that is solely orientated towards building a full, end-to-end, real-time application using the MEVN stack!

What you will learn

  • Build an application with Express.js
  • Create Schemas using Mongoose
  • Build a single page application using Vue.js and Express.js
  • Build RESTful APIs using Express.js
  • Add test cases to improve the reliability of the application
  • Learn how to deploy apps on Heroku using Github
  • Add authorization using passport

Who This Book Is For

If you are a web or a full-stack JavaScript developer who have tried their hands on the traditional stacks like LAMP and wish to explore a new stack with modern web technologies then this book is for you. This book is also for web or full stack developers who have tried using the traditional MEAN or MERN stack and wish to explore the power of Vue.js. Knowledge of HTML, CSS, and JavaScript is necessary.

Author(s): Anita Sharma