Уроки Vue js практика - Пагинация 

Возможно

@@SuprunAlexey у меня не скрываются прошлые странички(т.е. не скрываются 1,2,3 когда я нажал на след старницу, а лишь добавляются 4,5,6), бустрап я не включал, но это ведь по идее только стили. Можете помочь, пожалуйста.

Будет нечто подобное

Так интереснее)

Да так и должно быть.

Может есть ссылочка на пример??

Сверстаем но не сильно сложное

Web Developer Blog Ну простые макеты уже верстали, давайте хотя-бы немного сложнее

Ну посмотрят 400 человек сложный макет и толку, сложный макет делается намного дольше, люди любят видео по 10 минут и что б по проще

Web Developer Blog Да согласен, Но у вас уже был курс по верстке ( простого макета) и не один ! Хочется чего-то по тяжелее, и этот курс можно разбить по 10 минут, только уроков больше будет и все. И не знаю как у кого, но ко мне приходят знания на реальной практике ! Когда сталкиваюсь с проблемой в верстке сайта и пытаюсь её решить. Это оооооочень интересно !!!

Ну вот я и говорю, практика верстки и с vue js будет, только не сильно сложная что б новички могли смотреть коих 90% на ютубе

по итогу почему то не вызывался метод setPage, задание начальных значений для pagination помогло хотя это и костыль, один хрен нужен видос про дебаг)

{{item}} {{p}} {{pagination.startIndex}} to {{pagination.endIndex}} import lodash from 'lodash' export default { data() { return { data: [1, 2, 3, 4, 1, 2, 3, 4, 1, 2, 3, 4, ], perPage: 3, pagination: {}, } }, components: { 'lodash': lodash }, computed: { collections() { return this.paginate(this.data); } }, methods: { setPage(p) { this.pagination = this.paginator(this.data.length, p) }, paginate(data) { return lodash.slice(data, this.pagination.startIndex, this.pagination.endIndex + 1) }, paginator(totalItems, currentPage) { var startIndex = (currentPage - 1) * this.perPage, endIndex = Math.min(startIndex + this.perPage - 1, totalItems - 1); return { curentPage: this.curentPage, startIndex: startIndex, endIndex: endIndex, pages: lodash.range(1, Math.ceil(totalItems / this.perPage) + 1) } } }, created() { this.setPage(1); console.log(this.data.length) } }

Готовые решения искать

rest api и axios

Но очень интересно