Search icon Close icon
Search icon CANCEL
Subscription
0
Cart icon
Your Cart (0 item)
Close icon
You have no products in your basket yet
Save more on your purchases now! discount-offer-chevron-icon
Savings automatically calculated. No voucher code required.

Change country

Modal Close icon
Country selected Country selected
country flag United States
Country selected
country flag United Kingdom
Country selected
country flag India
Country selected
country flag Germany
Country selected
country flag France
Country selected
country flag Canada
Country selected
country flag Russia
Country selected
country flag Spain
Country selected
country flag Brazil
Country selected
country flag Australia
Country selected
country flag Argentina
Country selected
country flag Austria
Country selected
country flag Belgium
Country selected
country flag Bulgaria
Country selected
country flag Chile
Country selected
country flag Colombia
Country selected
country flag Cyprus
Country selected
country flag Czechia
Country selected
country flag Denmark
Country selected
country flag Ecuador
Country selected
country flag Egypt
Country selected
country flag Estonia
Country selected
country flag Finland
Country selected
country flag Greece
Country selected
country flag Hungary
Country selected
country flag Indonesia
Country selected
country flag Ireland
Country selected
country flag Italy
Country selected
country flag Japan
Country selected
country flag Latvia
Country selected
country flag Lithuania
Country selected
country flag Luxembourg
Country selected
country flag Malaysia
Country selected
country flag Malta
Country selected
country flag Mexico
Country selected
country flag Netherlands
Country selected
country flag New Zealand
Country selected
country flag Norway
Country selected
country flag Philippines
Country selected
country flag Poland
Country selected
country flag Portugal
Country selected
country flag Romania
Country selected
country flag Singapore
Country selected
country flag Slovakia
Country selected
country flag Slovenia
Country selected
country flag South Africa
Country selected
country flag South Korea
Country selected
country flag Sweden
Country selected
country flag Switzerland
Country selected
country flag Taiwan
Country selected
country flag Thailand
Country selected
country flag Turkey
Country selected
country flag Ukraine
Country selected
Arrow left icon
Explore Products
Best Sellers
New Releases
Books
Videos
Audiobooks
Learning Hub
Conferences
Free Learning
Arrow right icon
Home > Web Development > Front End Web Development > Vue.js 2 Cookbook
Vue.js 2 Cookbook
Vue.js 2 Cookbook

Vue.js 2 Cookbook: Build modern, interactive web applications with Vue.js

Arrow left icon
Profile Icon Passaglia
Arrow right icon
€36.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (6 Ratings)
Paperback Apr 2017 454 pages 1st Edition
eBook
€20.98 €29.99
Paperback
€36.99
Subscription
Free Trial
Renews at €18.99p/m
Arrow left icon
Profile Icon Passaglia
Arrow right icon
€36.99
Full star icon Full star icon Full star icon Full star icon Full star icon 5 (6 Ratings)
Paperback Apr 2017 454 pages 1st Edition
eBook
€20.98 €29.99
Paperback
€36.99
Subscription
Free Trial
Renews at €18.99p/m
eBook
€20.98 €29.99
Paperback
€36.99
Subscription
Free Trial
Renews at €18.99p/m

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Table of content icon View table of contents Preview book icon Preview Book

Vue.js 2 Cookbook

Basic Vue.js Features

In this chapter, the following recipes will be covered:

  • Learning how to use computed properties
  • Filtering a list with a computed property
  • Sorting a list with a computed property
  • Formatting currencies with filters
  • Formatting dates with filters
  • Displaying and hiding an element conditionally
  • Adding styles conditionally
  • Adding some fun to your app with CSS transitions
  • Outputing raw HTML
  • Creating a form with checkboxes
  • Creating a form with radio buttons
  • Creating a form with a select element

Introduction

In this chapter, you will find all the building blocks needed to develop a fully functional, interactive, self-contained Vue application. In the first recipe, you will create computed properties that encapsulate the logic you can use to create a more semantic application; you will then explore some more text formatting with filters and the v-html directive. You will create a graphically appealing application with the help of conditional rendering and transitions. Finally, we will build some form elements such as checkboxes and radio buttons.

From now on, all recipes will be written exclusively with ES6. At the time of this writing, if you are using Chrome 9x and JSFiddle to follow along, they should work seamlessly; if you are integrating this code into a bigger project, remember to use Babel (for more information, check out the Using Babel to compile from ES6 recipe in Chapter 8, Organize...

Learning how to use computed properties

Computed properties are data in Vue components that depend on some calculation on other, more primitive data. When this primitive data is reactive, the computed properties are up-to-date and reactive themselves. In this context, primitive is a relative term. You can certainly build computed properties based on other computed properties.

Getting ready

Before venturing to prepare this recipe, be sure to familiarize yourself with the v-model directive and the @event notation. You can complete the React to events like clicks and keystrokes recipe in the preceding chapter if you are unsure.

How to do it...

...

Filtering a list with a computed property

With the earlier version of Vue, filters were used in the v-for directives to only extract some values. They are still called filters, but they are not used in this sense anymore. They are relegated to the role of post-processing for text. To be honest, I never really understood how to use filters in Vue 1 with lists, but that won't be a problem in version 2 because the only proper way to filter a list is to use computed properties.

With this recipe, you will be able to filter your list from the simplest to-do list to the most complex bills-of-materials of a spaceship.

Getting ready

You should have some familiarity with Vue lists and know the basics of computed properties; if you don't, the Writing...

Sorting a list with a computed property

Ordering inside a v-for with a filter is another thing that was considered for removal in Vue 1 and didn't survive in the current version.

Sorting a list with a computed property offers much more flexibility and we can implement any custom logic for ordering. In this recipe, you will create a list with some numbers within; we will sort the list using them.

Getting ready

To complete this recipe, you just require some familiarity with lists and computed properties; you can brush up on them with the Writing lists and Learning how to use computed properties recipes.

How to do it...

...

Formatting currencies with filters

Formatting currencies in Vue 1 was somewhat limited; we will be using the excellent accounting.js library to build a much more powerful filter.

Getting ready

The basics of filtering are explored in the Formatting your text with filters recipe; where you build a basic filter ensure that you complete that, then come back here.

How to do it...

Introduction

In this chapter, you will find all the building blocks needed to develop a fully functional, interactive, self-contained Vue application. In the first recipe, you will create computed properties that encapsulate the logic you can use to create a more semantic application; you will then explore some more text formatting with filters and the v-html directive. You will create a graphically appealing application with the help of conditional rendering and transitions. Finally, we will build some form elements such as checkboxes and radio buttons.

From now on, all recipes will be written exclusively with ES6. At the time of this writing, if you are using Chrome 9x and JSFiddle to follow along, they should work seamlessly; if you are integrating this code into a bigger project, remember to use Babel (for more information, check out the Using Babel to compile from ES6 recipe in Chapter 8, Organize + Automate + Deploy = Webpack).

Learning how to use computed properties

Computed properties are data in Vue components that depend on some calculation on other, more primitive data. When this primitive data is reactive, the computed properties are up-to-date and reactive themselves. In this context, primitive is a relative term. You can certainly build computed properties based on other computed properties.

Getting ready

Before venturing to prepare this recipe, be sure to familiarize yourself with the v-model directive and the @event notation. You can complete the React to events like clicks and keystrokes recipe in the preceding chapter if you are unsure.

How to do it...

A simple example will clarify what a computed property is:

<div id="app"> 
  <input type="text" v-model="name"/> 
  <input type="text" id="surname" value='Snow'/> 
  <button @click="saveSurname">Save Surname</button> 
  <output>{{computedFullName}}</output> 
</div> 

let surname = 'Snow' 
new Vue({ 
  el: '#app...

Filtering a list with a computed property

With the earlier version of Vue, filters were used in the v-for directives to only extract some values. They are still called filters, but they are not used in this sense anymore. They are relegated to the role of post-processing for text. To be honest, I never really understood how to use filters in Vue 1 with lists, but that won't be a problem in version 2 because the only proper way to filter a list is to use computed properties.

With this recipe, you will be able to filter your list from the simplest to-do list to the most complex bills-of-materials of a spaceship.

Getting ready

You should have some familiarity with Vue lists and know the basics of computed properties; if you don't, the Writing lists and Learning how to use computed properties recipes will get you covered.

How to do it...

To get started with this recipe, we need an example list from which to filter our favorite elements. Let's suppose we work for the ACME Research and Development...

Sorting a list with a computed property

Ordering inside a v-for with a filter is another thing that was considered for removal in Vue 1 and didn't survive in the current version.

Sorting a list with a computed property offers much more flexibility and we can implement any custom logic for ordering. In this recipe, you will create a list with some numbers within; we will sort the list using them.

Getting ready

To complete this recipe, you just require some familiarity with lists and computed properties; you can brush up on them with the Writing lists and Learning how to use computed properties recipes.

How to do it...

Let's write a list of the largest dams in the world.

First, we need an HTML table with three columns (Name, Country, Electricity):

<div id="app"> 
<table> 
  <thead> 
    <tr> 
      <th>Name</th> 
      <th>Country</th> 
      <th>Electricity</th> 
    </tr> 
  </thead> 
  <tbody> 
  </tbody> 
&lt...

Formatting currencies with filters

Formatting currencies in Vue 1 was somewhat limited; we will be using the excellent accounting.js library to build a much more powerful filter.

Getting ready

The basics of filtering are explored in the Formatting your text with filters recipe; where you build a basic filter ensure that you complete that, then come back here.

How to do it...

Add accounting.js to your page. Refer to http://openexchangerates.github.io/accounting.js/ for more details on how to do it. If you are using JSFiddle though, you can just add it as an external resource to the left menu. You can add a link to CDN, which is serving it, for example, https://cdn.jsdelivr.net/accounting.js/0.3.2/accounting.js.

This filter will be extremely simple:

Vue.filter('currency', function (money) { 
  return accounting.formatMoney(money) 
})

You can try it out with a one-liner in HTML:

I have {{5 | currency}} in my pocket

It will default to dollars, and it will print I have $5.00 in my pocket.

How it works...

Formatting dates with filters

Sometimes you need a slightly more powerful filter than a basic one. You have to use similar filters many times, but every time with a slight variation. Having too many filters can create confusion. This example with dates will illustrate the problem and the solution.

Getting ready

Before moving ahead, make yourself more comfortable with filters by going through the Formatting your text with filters recipe in Chapter 1, Getting started with Vue.js ; if you already know filters, keep reading.

How to do it...

Let's say we are curating an interactive page to learn history. We have our Vue instance with the following JavaScript code:

new Vue({ 
  el:'#app', 
  data: { 
    bastilleStormingDate: '1789-07-14 17 h' 
  } 
})

In our data, we have a date written informally as a string in our instance data. Our HTML can contain a timeline of the French Revolution and, at some point, can contain the following:

<div id="app"> 
  The Storming of the Bastille, happened on ...

Displaying and hiding an element conditionally

Displaying and hiding an element on a web page is fundamental to some designs. You could have a popup, a set of elements that you want to display one at a time, or something that shows only when you click on a button.

In this recipe, we will use conditional display and learn about the important v-if and v-show directives.

Getting ready

Before venturing into this recipe, ensure that you know enough about computed properties or take a look at the Filtering a list with a computed property recipe.

How to do it...

Let's build a ghost that is only visible at night:

<div id="ghost"> 
  <div v-show="isNight"> 
    I'm a ghost! Boo! 
  </div> 
</div>

The v-show guarantees that the <div> ghost will be displayed only when isNight is true. For example, we may write as follows:

new Vue({ 
  el: '#ghost', 
  data: { 
    isNight: true 
  } 
})

This will make the ghost visible. To make the example more real, we can write isNight as a computed...

Adding styles conditionally

One great feature of modern web page architecture is the ability to pack tons of display logic in CSS. This means you can have a very clean and expressive HTML and still create impressive interactive pages via CSS.

Vue is particularly good at expressing relationships between HTML and CSS and allows you to encapsulate complex logic in easy-to-use functions.

In this recipe, we will explore the basics of styling with Vue.

How to do it...

We will build a text area that warns you when you are reaching the maximum allowed number of characters:

<div id="app"> 
  <textarea 
    v-model="memeText" 
    :maxlength="limit"> 
  </textarea> 
  {{memeText.length}} 
</div>

The text written inside will be bound to the memeText variable and the length of our text is written at the end via mustaches.

We want to change the background color when only 10 characters are left. For this, we have to bake a little CSS class warn:

.warn { 
  background-color: mistyrose ...
Left arrow icon

Page 1 of 14

Right arrow icon
Download code icon Download Code

Key benefits

  • • 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

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.

Who is this book for?

This book is for developers who want to learn about Vue.js through practical examples to quickly and efficiently build modern, interactive web applications. Prior experience and familiarity with JavaScript, HTML, and CSS are recommended as the recipes build upon that knowledge. It will also enable both new and existing Vue.js users to expand their knowledge of the framework.

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 application's state using Vuex and see how to structure your projects according to best practices
  • • Seamlessly implement routing in your single page applications using Vue Router
  • • Find out how to use Vue.js with a variety of technologies such as Node.js, Electron, Firebase, and Horizon by building complete applications
Estimated delivery fee Deliver to Slovakia

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Country selected
Publication date, Length, Edition, Language, ISBN-13
Publication date : Apr 28, 2017
Length: 454 pages
Edition : 1st
Language : English
ISBN-13 : 9781786468093
Category :
Web Development
Languages :
JavaScript
Concepts :
Front End Web Development
Tools :
Visual Studio

What do you get with Print?

Product feature icon Instant access to your digital eBook copy whilst your Print order is Shipped
Product feature icon Paperback book shipped to your preferred address
Product feature icon Download this book in EPUB and PDF formats
Product feature icon Access this title in our online reader with advanced features
Product feature icon DRM FREE - Read whenever, wherever and however you want
Estimated delivery fee Deliver to Slovakia

Premium delivery 7 - 10 business days

€25.95
(Includes tracking information)

Product Details

Publication date : Apr 28, 2017
Length: 454 pages
Edition : 1st
Language : English
ISBN-13 : 9781786468093
Category :
Web Development
Languages :
JavaScript
Concepts :
Front End Web Development
Tools :
Visual Studio

Packt Subscriptions

See our plans and pricing
Modal Close icon
€18.99 billed monthly
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Simple pricing, no contract
START FREE TRIAL
BUY NOW
€189.99 billed annually
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW
€264.99 billed in 18 months
Feature tick icon Unlimited access to Packt's library of 7,000+ practical books and videos
Feature tick icon Constantly refreshed with 50+ new titles a month
Feature tick icon Exclusive Early access to books as they're written
Feature tick icon Solve problems while you work with advanced search and reference features
Feature tick icon Offline reading on the mobile app
Feature tick icon Choose a DRM-free eBook or Video every month to keep
Feature tick icon PLUS own as many other DRM-free eBooks or Videos as you like for just €5 each
Feature tick icon Exclusive print discounts
START FREE TRIAL
BUY NOW

Frequently bought together

Learning Vue.js 2
Learning Vue.js 2
Read more
Dec 2016 334 pages
Full star icon 4.4 (10)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €36.99
€20.98 €29.99
€36.99
Vue.js 2 Web Development Projects
Vue.js 2 Web Development Projects
Read more
Nov 2017 398 pages
Full star icon 4.5 (2)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €36.99
€20.98 €29.99
€36.99
Vue.js 2 Cookbook
Vue.js 2 Cookbook
Read more
Apr 2017 454 pages
Full star icon 5 (6)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €36.99
€20.98 €29.99
€36.99
Stars icon
Total € 110.97
Learning Vue.js 2
€36.99
Vue.js 2 Web Development Projects
€36.99
Vue.js 2 Cookbook
€36.99
Total € 110.97 Stars icon

Table of Contents

11 Chapters
Getting Started with Vue.js Chevron down icon Chevron up icon
Getting Started with Vue.js
Introduction
Writing Hello World with Vue.js
Writing lists
Creating a dynamic and animated list
Reacting to events such as clicks and keystrokes
Choosing a development environment
Formatting your text with filters
Debugging your application with mustaches (for example, a JSON filter)
X-raying your application with Vue developer tools
Upgrading to Vue.js 2
Basic Vue.js Features Chevron down icon Chevron up icon
Basic Vue.js Features
Introduction
Learning how to use computed properties
Filtering a list with a computed property
Sorting a list with a computed property
Formatting currencies with filters
Formatting dates with filters
Displaying and hiding an element conditionally
Adding styles conditionally
Adding some fun to your app with CSS transitions
Outputting raw HTML
Creating a form with checkboxes
Creating a form with radio buttons
Creating a form with a select element
Transitions and Animations Chevron down icon Chevron up icon
Transitions and Animations
Introduction
Integrating with third-party CSS animation libraries such as animate.css
Adding your own transition classes
Animating with JavaScript instead of CSS
Transitioning on the initial render
Transitioning between elements
Letting an element leave before the enter phase in a transition
Adding entering and leaving transitions for elements of a list
Transitioning elements that move in a list
Animating the state of your components
Packaging reusable transitions into components
Dynamic transitions
All About Components Chevron down icon Chevron up icon
All About Components
Introduction
Creating and registering a component
Passing data to your components with props
Making components talk to each other
Making components talk with Vuex
Reading a child's state
Using components in your own components
Using mixins in your components
Content distribution with slots
Single file components with Webpack
Loading your components asynchronously
Having recursive components
Reusable component checklist
Vue Communicates with the Internet Chevron down icon Chevron up icon
Vue Communicates with the Internet
Introduction
Sending basic AJAX requests with Axios
Validating user data before sending it
Creating a form and sending data to your server
Recovering from an error during a request
Creating a REST client (and server!)
Implementing infinite scrolling
Processing a request before sending it out
Preventing XSS attacks to your app
Single Page Applications Chevron down icon Chevron up icon
Single Page Applications
Introduction
Creating an SPA with vue-router
Fetching data before switching route
Using named dynamic routes
Having more than one router-view in your page
Compose your routes hierarchically
Using route aliases
Adding transitions between your routes
Managing errors for your routes
Adding a progress bar to load pages
How to redirect to another route
Saving scrolling position when hitting back
Unit Testing and End-to-End Testing Chevron down icon Chevron up icon
Unit Testing and End-to-End Testing
Introduction
Using Jasmine for testing Vue
Adding some Karma to your workflow
Testing your application state and methods
Testing the DOM
Testing DOM asynchronous updates
End-to-end testing with nightwatch
Simulating a double-click in nightwatch
Different styles of unit testing
Stubbing external API calls with Sinon.JS
Measuring the coverage of your code
Organize + Automate + Deploy = Webpack Chevron down icon Chevron up icon
Organize + Automate + Deploy = Webpack
Introduction
Extracting logic from your components to keep the code tidy
Bundling your component with Webpack
Organizing your dependencies with Webpack
Using external components in your Webpack project
Developing with continuous feedback with hot reloading
Using Babel to compile from ES6
Running a code linter while developing
Using only one command to build both a minified and a development .js file
Releasing your components to the public
Advanced Vue.js – Directives, Plugins, and Render Functions Chevron down icon Chevron up icon
Advanced Vue.js – Directives, Plugins, and Render Functions
Introduction
Creating a new directive
Using WebSockets in Vue
Writing a plugin for Vue
Rendering a simple component manually
Rendering a component with children
Using JSX to render a component
Creating a functional component
Building a responsive table with higher-order components
Large Application Patterns with Vuex Chevron down icon Chevron up icon
Large Application Patterns with Vuex
Introduction
Dynamically loading pages in your vue-router
Building a simple storage for the application state
Understanding Vuex mutations
Listing your actions in Vuex
Separating concerns with modules
Building getters to help retrieve your data
Testing your store
Integrating with Other Frameworks Chevron down icon Chevron up icon
Integrating with Other Frameworks
Introduction
Building universal applications with Electron
Using Vue with Firebase
Creating a real-time app with Feathers
Creating a reactive app with Horizon

Recommendations for you

Left arrow icon
React and React Native
React and React Native
Read more
Apr 2024 508 pages
Full star icon 4.3 (9)
eBook
eBook
  • eBook eBook €17.99
  • Paperback Paperback €22.99
€17.99 €26.99
€22.99 €32.99
Django 5 for the Impatient
Django 5 for the Impatient
Read more
Sep 2024 228 pages
Full star icon 4 (2)
eBook
eBook
  • eBook eBook €13.99
  • Paperback Paperback €17.99
€13.99 €20.99
€17.99 €26.99
Django 5 By Example
Django 5 By Example
Read more
Apr 2024 820 pages
Full star icon 4.5 (35)
eBook
eBook
  • eBook eBook €17.98
  • Paperback Paperback €21.99
€17.98 €29.99
€21.99 €37.99
​AI Strategies for Web Development
​AI Strategies for Web Development
Read more
Sep 2024 458 pages
eBook
eBook
  • eBook eBook €15.99
  • Paperback Paperback €28.99
€15.99 €22.99
€28.99
Mastering Angular Test-Driven Development
Mastering Angular Test-Driven Development
Read more
Oct 2024 246 pages
Full star icon 5 (1)
eBook
eBook
  • eBook eBook €15.99
  • Paperback Paperback €28.99
€15.99 €22.99
€28.99
GraphQL Best Practices
GraphQL Best Practices
Read more
Oct 2024 422 pages
eBook
eBook
  • eBook eBook €15.99
  • Paperback Paperback €29.99
€15.99 €23.99
€29.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (72)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €37.99
€20.98 €29.99
€37.99
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook €19.99
  • Paperback Paperback €35.99
€19.99 €28.99
€35.99
Building Production-Grade Web Applications with Supabase
Building Production-Grade Web Applications with Supabase
Read more
Aug 2024 534 pages
Full star icon 4.3 (8)
eBook
eBook
  • eBook eBook €15.99
  • Paperback Paperback €20.98
€15.99 €23.99
€20.98 €29.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook €17.99
  • Paperback Paperback €33.99
€17.99 €26.99
€33.99
Right arrow icon

Customer reviews

Most Recent
  • Top Reviews
  • Most Recent
Rating distribution
Full star icon Full star icon Full star icon Full star icon Full star icon 5
(6 Ratings)
5 star 100%
4 star 0%
3 star 0%
2 star 0%
1 star 0%
Filter icon Filter
Most Recent
  • Top Reviews
  • Most Recent

Filter reviews by

Brandon Galli Feb 04, 2021
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Received PDF version, took a couple days to read and I can say that it was well worth the read and approach of explanation of the MVC nature of Vue and how to get started knowledge was solid. Being a React.js develop myself I endorse this book and recommend it to anyone interested in getting into Vue as it is an exciting and newer JS framework. It was a great read and thank you for the copy.
Amazon Verified review Amazon
Megastar Jan 21, 2021
Full star icon Full star icon Full star icon Full star icon Full star icon 5
It is very well written and very easy to follow!
Amazon Verified review Amazon
Ramanan Kalirajan Jul 31, 2019
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Good book for starting to learn vue js. It has lot of examples and the concepts are explained in simple manner. Good book for starters
Amazon Verified review Amazon
Ralf P. Feb 24, 2018
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Da ich schon erste Erfahrungen mit Vue hatte, habe ich das Buch eigentlich als schnelles Nachschlagewerk für Problemfälle gekauft.Das Buch erfüllt erwartungsgemäß dann auch die Anforderungen an ein "Kochbuch": Passendes Rezept suchen, und bisher habe ich weitgehend alles gefunden, was ich gesucht habe, und anwenden. Mit der festen Struktur und den Unterabschnitten zu jedem Rezept fällt die Orientierung leicht, vom "nur abtipppen wollen" bis zur detaillierten Erklärung und dem immer interessanten "Thers's more..."-Abschnitt.Übertroffen hat das Buch meine Erwartungen, da die Kapitelstruktur sogar zum Einarbeiten in Themenbereiche, und nicht nur Einzelrezepte, ermöglicht. Deshalb klare Kaufempfehlung für alle, die auch abseits vom Computer mal etwas lesen möchten.
Amazon Verified review Amazon
Biro Feb 06, 2018
Full star icon Full star icon Full star icon Full star icon Full star icon 5
Excellent book on Vue. Worth it just for one or two of the recipes. Would be even better if the examples were real world rather than JSFiddle. Nevertheless one of the best software development books I've purchased
Amazon Verified review Amazon

People who bought this also bought

Left arrow icon
Building Python Microservices with FastAPI
Building Python Microservices with FastAPI
Read more
Aug 2022 420 pages
Full star icon 3.9 (9)
eBook
eBook
  • eBook eBook €19.99
  • Paperback Paperback €35.99
€19.99 €28.99
€35.99
React and React Native
React and React Native
Read more
May 2022 606 pages
Full star icon 4.6 (17)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €37.99
€20.98 €29.99
€37.99
Responsive Web Design with HTML5 and CSS
Responsive Web Design with HTML5 and CSS
Read more
Sep 2022 498 pages
Full star icon 4.5 (57)
eBook
eBook
  • eBook eBook €17.99
  • Paperback Paperback €33.99
€17.99 €26.99
€33.99
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
C# 12 and .NET 8 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2023 828 pages
Full star icon 4.4 (72)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €37.99
€20.98 €29.99
€37.99
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
C# 11 and .NET 7 – Modern Cross-Platform Development Fundamentals
Read more
Nov 2022 818 pages
Full star icon 4.1 (54)
eBook
eBook
  • eBook eBook €20.98
  • Paperback Paperback €25.99
€20.98 €29.99
€25.99 €37.99
Right arrow icon

About the author

Profile icon Passaglia
Passaglia
Andrea Passaglia was born in Genoa, in northern Italy. Interested about technology since his parents gave him a toy computer when he was a boy, he started studying web technologies at an early age. After obtaining his master's degree in computer engineering he worked on the design and implementation of web interfaces for companies of various sizes and in different industries (healthcare, fashion, tourism, and transport). In 2016 he moves in the silicon valley of Europe to tackle new problems in the banking industry at the Edgeverve Dublin Research and Development Labs. A backend technologist by trade, Vue.js is his first tool to bring to life his creations when it comes to the frontend. Andrea is married to a lovely Russian girl from Siberia and they often cook together mixing culinary traditions.
Read more
See other products by Passaglia
Get free access to Packt library with over 7500+ books and video courses for 7 days!
Start Free Trial

FAQs

What is the delivery time and cost of print book? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela
What is custom duty/charge? Chevron down icon Chevron up icon

Customs duty are charges levied on goods when they cross international borders. It is a tax that is imposed on imported goods. These duties are charged by special authorities and bodies created by local governments and are meant to protect local industries, economies, and businesses.

Do I have to pay customs charges for the print book order? Chevron down icon Chevron up icon

The orders shipped to the countries that are listed under EU27 will not bear custom charges. They are paid by Packt as part of the order.

List of EU27 countries: www.gov.uk/eu-eea:

A custom duty or localized taxes may be applicable on the shipment and would be charged by the recipient country outside of the EU27 which should be paid by the customer and these duties are not included in the shipping charges been charged on the order.

How do I know my custom duty charges? Chevron down icon Chevron up icon

The amount of duty payable varies greatly depending on the imported goods, the country of origin and several other factors like the total invoice amount or dimensions like weight, and other such criteria applicable in your country.

For example:

  • If you live in Mexico, and the declared value of your ordered items is over $ 50, for you to receive a package, you will have to pay additional import tax of 19% which will be $ 9.50 to the courier service.
  • Whereas if you live in Turkey, and the declared value of your ordered items is over € 22, for you to receive a package, you will have to pay additional import tax of 18% which will be € 3.96 to the courier service.
How can I cancel my order? Chevron down icon Chevron up icon

Cancellation Policy for Published Printed Books:

You can cancel any order within 1 hour of placing the order. Simply contact customercare@packt.com with your order details or payment transaction id. If your order has already started the shipment process, we will do our best to stop it. However, if it is already on the way to you then when you receive it, you can contact us at customercare@packt.com using the returns and refund process.

Please understand that Packt Publishing cannot provide refunds or cancel any order except for the cases described in our Return Policy (i.e. Packt Publishing agrees to replace your printed book because it arrives damaged or material defect in book), Packt Publishing will not accept returns.

What is your returns and refunds policy? Chevron down icon Chevron up icon

Return Policy:

We want you to be happy with your purchase from Packtpub.com. We will not hassle you with returning print books to us. If the print book you receive from us is incorrect, damaged, doesn't work or is unacceptably late, please contact Customer Relations Team on customercare@packt.com with the order number and issue details as explained below:

  1. If you ordered (eBook, Video or Print Book) incorrectly or accidentally, please contact Customer Relations Team on customercare@packt.com within one hour of placing the order and we will replace/refund you the item cost.
  2. Sadly, if your eBook or Video file is faulty or a fault occurs during the eBook or Video being made available to you, i.e. during download then you should contact Customer Relations Team within 14 days of purchase on customercare@packt.com who will be able to resolve this issue for you.
  3. You will have a choice of replacement or refund of the problem items.(damaged, defective or incorrect)
  4. Once Customer Care Team confirms that you will be refunded, you should receive the refund within 10 to 12 working days.
  5. If you are only requesting a refund of one book from a multiple order, then we will refund you the appropriate single item.
  6. Where the items were shipped under a free shipping offer, there will be no shipping costs to refund.

On the off chance your printed book arrives damaged, with book material defect, contact our Customer Relation Team on customercare@packt.com within 14 days of receipt of the book with appropriate evidence of damage and we will work with you to secure a replacement copy, if necessary. Please note that each printed book you order from us is individually made by Packt's professional book-printing partner which is on a print-on-demand basis.

What tax is charged? Chevron down icon Chevron up icon

Currently, no tax is charged on the purchase of any print book (subject to change based on the laws and regulations). A localized VAT fee is charged only to our European and UK customers on eBooks, Video and subscriptions that they buy. GST is charged to Indian customers for eBooks and video purchases.

What payment methods can I use? Chevron down icon Chevron up icon

You can pay with the following card types:

  1. Visa Debit
  2. Visa Credit
  3. MasterCard
  4. PayPal
What is the delivery time and cost of print books? Chevron down icon Chevron up icon

Shipping Details

USA:

'

Economy: Delivery to most addresses in the US within 10-15 business days

Premium: Trackable Delivery to most addresses in the US within 3-8 business days

UK:

Economy: Delivery to most addresses in the U.K. within 7-9 business days.
Shipments are not trackable

Premium: Trackable delivery to most addresses in the U.K. within 3-4 business days!
Add one extra business day for deliveries to Northern Ireland and Scottish Highlands and islands

EU:

Premium: Trackable delivery to most EU destinations within 4-9 business days.

Australia:

Economy: Can deliver to P. O. Boxes and private residences.
Trackable service with delivery to addresses in Australia only.
Delivery time ranges from 7-9 business days for VIC and 8-10 business days for Interstate metro
Delivery time is up to 15 business days for remote areas of WA, NT & QLD.

Premium: Delivery to addresses in Australia only
Trackable delivery to most P. O. Boxes and private residences in Australia within 4-5 days based on the distance to a destination following dispatch.

India:

Premium: Delivery to most Indian addresses within 5-6 business days

Rest of the World:

Premium: Countries in the American continent: Trackable delivery to most countries within 4-7 business days

Asia:

Premium: Delivery to most Asian addresses within 5-9 business days

Disclaimer:
All orders received before 5 PM U.K time would start printing from the next business day. So the estimated delivery times start from the next day as well. Orders received after 5 PM U.K time (in our internal systems) on a business day or anytime on the weekend will begin printing the second to next business day. For example, an order placed at 11 AM today will begin printing tomorrow, whereas an order placed at 9 PM tonight will begin printing the day after tomorrow.


Unfortunately, due to several restrictions, we are unable to ship to the following countries:

  1. Afghanistan
  2. American Samoa
  3. Belarus
  4. Brunei Darussalam
  5. Central African Republic
  6. The Democratic Republic of Congo
  7. Eritrea
  8. Guinea-bissau
  9. Iran
  10. Lebanon
  11. Libiya Arab Jamahriya
  12. Somalia
  13. Sudan
  14. Russian Federation
  15. Syrian Arab Republic
  16. Ukraine
  17. Venezuela