Complete Vue.js 2 Web Development_ Practical guide to building end-to-end web development solutions with Vue.js 2

Building an E-Commerce Store - Adding a Checkout Chapter 11 We can now update our template to include the total price—ensuring w ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Creating an Order Checkout page Our OrderCheckout page will have a s ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 <input type="text" id="deliveryAddress"> <label for="delive ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 The next step is to create a submit method and collate the data to b ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Have a checkbox that keeps the two in sync—checking the box disables ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 The next step is to disable the delivery fields if the checkbox is c ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Add an else statement to make a copy of the billing address when the ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 The next thing we need to do is edit the list-purchases component. T ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 {{ product.variationTitle }} </td> <td>{{ product.variat ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Removing items from your cart The next step is to give the user the ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Create the removeItem method. This method should filter the basket a ...

Building an E-Commerce Store - Adding a Checkout Chapter 11 Summary Well done! You have created a full shop single-page applicat ...

12 Using Vue Dev Tools and Testing Your SPA Over the last 11 chapters, we've been developing several Single-Page Applications (S ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 Using the Vue.js developer tools The Vue developer tools are available for C ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 Drilling down into each component, we can access individual data objects and ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 It also gives you several options to revert, commit, and time-travel to any ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 Revert this mutation: This will undo the mutation and all mutations after th ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 The left-hand panel again lists the name of the event and the time it occurr ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 This test would then equate to true or false. Unit tests are generally writt ...

Using Vue Dev Tools and Testing Your SPA Chapter 12 An alternative to Nightwatch is Selenium (http:/​/​www.​seleniumhq.​org/​). ...