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 Looping through products When looking at a category listing for any ...

Building an E-Commerce Store - Browsing Products Chapter 10 Number of pages: This can be calculated by dividing the number of pr ...

Building an E-Commerce Store - Browsing Products Chapter 10 We now need to keep track of two variables – items perPage and the c ...

Building an E-Commerce Store - Browsing Products Chapter 10 For example, if you were showing 12 items per page and you had 14 pr ...

Building an E-Commerce Store - Browsing Products Chapter 10 to: pageFrom + this.perPage } } } } Displaying a paginated list With ...

Building an E-Commerce Store - Browsing Products Chapter 10 To continue our semantic approach to listing our products, we should ...

Building an E-Commerce Store - Browsing Products Chapter 10 Set the currentPage variable back to 1 and load the home page up in ...

Building an E-Commerce Store - Browsing Products Chapter 10 <ol :start="pagination.range.from + 1"> <li v-for="product ...

Building an E-Commerce Store - Browsing Products Chapter 10 This can be done using the created() function – updating the variabl ...

Building an E-Commerce Store - Browsing Products Chapter 10 To begin with, create a new variable in the data object, which will ...

Building an E-Commerce Store - Browsing Products Chapter 10 negativePoint = 1; } if(positivePoint > this.pagination.totalPage ...

Building an E-Commerce Store - Browsing Products Chapter 10 This ensures all the computed variables update when a different page ...

Building an E-Commerce Store - Browsing Products Chapter 10 The issue with this is if the user is on a page higher than is possi ...

Building an E-Commerce Store - Browsing Products Chapter 10 template: `<div> <list-products :products="products">< ...

Building an E-Commerce Store - Browsing Products Chapter 10 Previous page </button> <button @click="toPage(currentPage ...

Building an E-Commerce Store - Browsing Products Chapter 10 to: pageFrom + this.perPage } } } }, pageLinks() { if(this.products. ...

Building an E-Commerce Store - Browsing Products Chapter 10 } }, methods: { toPage(page) { this.$router.push({ query: Object.ass ...

Building an E-Commerce Store - Browsing Products Chapter 10 Create a data function on your HomePage component, that which includ ...

Building an E-Commerce Store - Browsing Products Chapter 10 Create an empty array, output, within the computed function. Looping ...

Building an E-Commerce Store - Browsing Products Chapter 10 The price is going to be a little more complicated to work out. This ...