Как форматировать список до дате рождения?

wertex, Вы уж меня извините, но мне кажется это уже либо наглость, либо троллинг :(

Я, ИМХО, уже очень много сделал для решения Вашей проблемы, пытался Вас направить по нужному "руслу", но, как я вижу, Вам хочется, чтобы данную проблему за Вас решил кто-то другой! Обидно :(

Советую очень подробно изучить учебник (хотя бы основные разделы), документацию по Vue (она на русском), и как можно чаще заглядывать сюда - вопросы отпадут сами собой.

P.S.: В ошибке же четко написано, что не так! Даже если английского не знаете, то есть же переводчики. Почему Вы в шаблон вставили months[key]? Разве months как-то определен в компоненте в data, в computed или, на худой конец, в методах?

Как форматировать список до дате рождения?

wertex, поставьте проверку в шаблоне <ul v-if="people">...</ul> и ошибка должна пропасть

Как форматировать список до дате рождения?

wertex, еще раз.
У вас изначально peoples установлено в null.
В хуке beforeRouteEnter вы делаете запрос через getPeoples. Но по неизвестной мне причине, Вы используете коллбэки, а не промисы, соответственно и не дожидаетесь ответа перед передачей управления в компонент через next().
Из-за этого Ваш хук beforeRouteEnter отрабатывает СИНХРОННО! А внутри него запускается АСИНХРОННЫЙ запрос на получение данных, который ТРЕБУЕТ ВРЕМЕНИ, соответственно, данные с очень большой долей вероятности появятся уже ПОСЛЕ того, как компонент будет смонтирован, а до этого времени в peoples будет установлено значение null (в data).
Значит нужно либо в в шаблоне поставить <ul v-if="peoples">...</ul>, чтобы до получения данных из компонента дело даже не доходило, либо в sorted() сделать проверку на this.people перед map, что то типа:
return !this.people ? [] : this.peoples.map(/* */)

P.S.: Кстати, peoples означает не люди, а народный. У people есть только множественное число, поэтом суффикс s подставлять не надо.

Как форматировать список до дате рождения?

Не факт, что данные есть. Что выводит console.log(JSON.stringify(this.peoples))? - это точно покажет, есть данные или нет.
Консоль может и соврать, поскольку она синхронная, а axios делает запрос асинхронно.

Как форматировать список до дате рождения?

wertex, во первых, в codepen не будут работать однофайловые компоненты.
Во вторых, вполне возможно, что перед .map стоит проверить саму переменную/константу на наличие значения ;)

Мое решение построено на map/reduce. Сперва я отсортировал весь массив по дате, предварительно сконвертировав строковое представление в дату (sorted), после этого сформировал новый объект (reduced), в котором ключами выступают порядковые номера месяцев (с 0, т .к. getMonth() возвращает диапазон с 0 по 11), а внутри находятся соответствующие данным месяцам записи.
Все это сделано в computed, так что реактивность есть.

Как форматировать список до дате рождения?

Вроде как надо просто при "рисовании каждой строки" смотреть на месяц в дате и разделить весь список на 12 частей.

wertex, лучше заранее подготовить данные к "рисованию" использовав map/reduce
Пример - https://codepen.io/kleinmaximus/pen/jepaJR

Как правильно использовать props компонента vue-ckeditor5 импортированного локально во Vue.js?

Евгений Меркуль, а просто import '@ckeditor/ckeditor5-build-classic/build/translations/ru.js' не работает?

Нужно ли отключать масштабирование системы во время верстки сайта?

Aginvlad, масштабирование в системе влияет только на итоговое разрешение.
У меня, например, на ноутбуке разрешение FullHD (1920x1080) и стоит масштабирование 150%.
Т. о., у меня разрешение экрана как бы аппроксимируется к 1280х720, т. е. система "считает", что у меня монитор с меньшим меньшим разрешением.
Конкретно на верстку масштабирование в системе никак не влияет. Если Вы в своей верстке указали width: 1200px, то оно всегда будет именно 1200px.

Как форматировать список до дате рождения?

С помощью какого инструмента работать с датой?

Во первых, с помощью логики :)

Как решить проблему Unknown custom element:?

Выбрось, на фиг, PHP вместе в Laravel и сосредоточься только на Javascript. Javascript на сервере тоже есть (Node). Будешь "узким" но ОЧЕНЬ хорошим специалистом только по одной, но ОЧЕНЬ востребованной технологии.

Где найти проекты для практики?

Danbka, верно. И с опытом (17 лет этого самого опыта) хрен оценишь :)

Почему вычисляемое свойство не обновляется?

Поддержу! Хрен там знает, какие данные пришли в параметрах роута. Скорее всего у Вас в сравнении разные типы, например, Number и String. Попробуйте приводить к одному типу, либо использовать "нестрогое" равенство (==).

Как вернуть только что вставленные реквизиты?

Думаю, обратиться на форум Битрикса будет продуктивнее.
Вряд ли здесь есть очень много специалистов по этой "технологии".

Как сделать такое на роутах (vue)?

думаю, что понятно объяснил

По правде говоря, вообще не понятно объяснил :(

Как правильно получать данные через REST API?

Денис Лабутин, тогда непонятно, почему Вы асинхронные операции делаете в геттерах

Как реализовать такое через роуты vue?

В nuxt layout-ы являются частью именно nuxt и для обычного приложения на голом vue не подходят.
Кроме того, система layout-ов (как и middleware) в nuxt крайне тупая :( Какой, интересно, "умелец" из команды Nuxt придумал указывать layout и middleware в виде строковой константы, а не ссылки на конкретный компонент?

Nuxt, конечно, штука хорошая, но с появлением vue-cli-3 его преимущества уже не такие заметные.

Как правильно получать данные через REST API?

api.getList() и api.getItem(id) - это обертка для ajax-запроса через axios?

Как правильно подключить стиль компонента?

l4m3r, ознакомьтесь, как ведется работа с css в vue-cli-3.
Так же предлагаю посмотреть документацию по vue-loader, в опять же по загрузке css.

Вообще, в экоситеме vue достаточно много решений, которые позволяют не отвлекаться на написания своих реализаций, а использовать готовое.

Если Вам удобно объединять все css в одном файле, и после перерыва в работе с конкретным кодом Вы сразу можете найти нужное место и быстро вспомнить, где и что лежит, то скорее всего, Вы выбрали правильный подход именно для себя.

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

Например, если нужно Вам подключить element-ui, но не хочется, чтобы расширения css встречались в основном js-файле, то можно создать отдельный js-модуль:

import 'element-ui/lib/theme-chalk/index.css';
import Element from 'element-ui';

export default Element;

И в главном файле уже вместо import Element from 'element-ui'; подключить именно его.
Это как вариант.

Как во VueJS вывести в тег html классы с браузерами?

Денис Букреев, ответ ниже

Какие приложения создать для новичка Vue.js?

По тестированию еще хочу посоветовать это - https://vue-test-utils.vuejs.org/ru/