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 - Browsing Products Chapter 10 let price = '$' + Math.min(...prices); if(prices.length > 1) { pr ...

Building an E-Commerce Store - Browsing Products Chapter 10 Update the template to now use the route name, with the params objec ...

Building an E-Commerce Store - Browsing Products Chapter 10 Creating the category list like this means we readily have available ...

Building an E-Commerce Store - Browsing Products Chapter 10 However, with ES2015, we are able to use argument destructuring and ...

Building an E-Commerce Store - Browsing Products Chapter 10 First, make a new property in the state object titled categories. Th ...

Building an E-Commerce Store - Browsing Products Chapter 10 if(!categories.hasOwnProperty(type.handle)) { categories[type.handle ...

Building an E-Commerce Store - Browsing Products Chapter 10 Add the mutation to the initializeShop action: initializeShop({commi ...

Building an E-Commerce Store - Browsing Products Chapter 10 categories[type.handle].products.push(product.handle); }); Viewing t ...

Building an E-Commerce Store - Browsing Products Chapter 10 let product = payload[key], type = product.hasOwnProperty('type')? p ...

Building an E-Commerce Store - Browsing Products Chapter 10 We can use the component in the template as we have with the <lis ...

Building an E-Commerce Store - Browsing Products Chapter 10 We can now proceed with making the template for the category list. A ...

Building an E-Commerce Store - Browsing Products Chapter 10 Back to our ListCategories component; loop through the stored catego ...

Building an E-Commerce Store - Browsing Products Chapter 10 template: `<div> <div v-if="category"></div> <p ...

Building an E-Commerce Store - Browsing Products Chapter 10 With our category loaded, we can output the title in the template: t ...

Building an E-Commerce Store - Browsing Products Chapter 10 With that, we have our category products listed out for each categor ...

Building an E-Commerce Store - Browsing Products Chapter 10 'kenda-tube', 'colorful-fixie-lima', 'oury-grip-set', 'pure-fix-peda ...

Building an E-Commerce Store - Browsing Products Chapter 10 Ordering products in a category With our category pages displaying t ...

Building an E-Commerce Store - Browsing Products Chapter 10 And the updated data function becomes: data() { return { perPage: 12 ...

Building an E-Commerce Store - Browsing Products Chapter 10 Copy the code from the productPrice method on the ListProducts compo ...

Building an E-Commerce Store - Browsing Products Chapter 10 Wiring up the ordering With our price readily available, we can proc ...