<div class="circular" v-bind:style="{ 'background-image': 'url(' + image + ')' }"></div>
items.slice...
надо было унести в computed):<div v-for="item in items.slice((page - 1) * perPage, page * perPage)">
{{ item }}
</div>
computed: {
numPages() {
return Math.ceil(this.items.length / this.perPage);
},
},
methods: {
next(change) {
this.page = Math.max(1, Math.min(this.numPages, this.page + change));
},
},
<button @click="next(-1)" :disabled="page <= 1">prev</button>
<button @click="next(+1)" :disabled="page >= numPages">next</button>
Возможно ли скачка пакетов в другую папку?Нет, но при помощи скриптов (webpack, gulp, grunt, etc) нужные файлы собирают в то, что будет доступно веб-серверу и именно это подключают на странице. В самых простых случаях нужные скрипты просто копируют в публичную директорию и подключают напрямую.
Когда сайт выкладывают на сервер, эту папку так и оставляют?Саму папку обычно не переносят и устанавливают все зависимости прямо на сервер при помощи
npm install
. Но да, на сервере она обычно появляется так или иначе. Исключение - это когда вы в системе контроля версий держите уже собранные файлы, тогда на сервере ничего делать не нужно. После этого вижу, что скачалась папка site, внутри которой папка .git. На этом все.
Если функция сравнения compareFunction предоставлена, элементы массива сортируются в соответствии с её возвращаемым значением. Если сравниваются два элемента a и b, то:
Если compareFunction(a, b) меньше 0, сортировка поставит a по меньшему индексу, чем b, то есть, a идёт первым.
Если compareFunction(a, b) вернёт 0, сортировка оставит a и b неизменными по отношению друг к другу, но отсортирует их по отношению ко всем другим элементам. Обратите внимание: стандарт ECMAscript не гарантирует данное поведение, и ему следуют не все браузеры (например, версии Mozilla по крайней мере, до 2003 года).
Если compareFunction(a, b) больше 0, сортировка поставит b по меньшему индексу, чем a.
Функция compareFunction(a, b) должна всегда возвращать одинаковое значение для определённой пары элементов a и b. Если будут возвращаться непоследовательные результаты, порядок сортировки будет не определён.
'лалала001' => 'лалала', '001' // разбить на две части
length = '001'.lentgh // запомнить длину второй строки
'001' => 1, // привести вторую строку к чсилу
1++ => 2 // инкрементировать число
2 => '2' // привести к строке
'2'.padStart(length, '0') => '002' // дополнить слева нулями
'лалала' + '002' => 'лалала002' // соединить строки