STINGRAY_DEVELOP

Ну вот есть DOM. Он медленный, и дергать его просто так не стоит. А есть виртуальный DOM, что-то типа прослойки между вашим кодом и реальным DOM. Вы можете дергать виртуальный DOM сколько вам душе угодно, а прослойка эта соберет всю инфу о том как вы чего делали, и попробует оптимизировать взаимодействие с реальным DOM что бы вышло как можно меньше действий.

Пример - задача простая, у вас есть таблица и нужно постоянно обновлять ячейки новым значением. Значение приходят из апишки раз в пару десятков милисекунд (какая-то реалтайм статистика к примеру). Значения эти - просто массив данных.

Решение в лоб - каждый раз когда приходят данные, дропать старую таблицу, проходить циклом по массиву и формировать новую. Это куча операций с DOM. У вас каждые n милисекунд будет полностью перестраиваться вся эта штука, дропаться и создаваться новые элементы и все это будет ужасно долго пересчитываться и перерисовываться.

А теперь добавим между всем этим виртуальную апишку, которая запоминает что она там в прошлый раз создала и что надо в этот раз создать. Вы все так же влоб проходите циклом по массиву и просите виртуальный дом построить новую апишку, а виртуальный дом будет стараться переиспользовать то что у него уже есть, ну и все в таком духе. За счет этого получается нефиговый прирост производительности (но есть потери на работу самого виртуального DOM, зато можно фигачить как хочешь).

Если же прослойку эту сделать со своим интерфейсом, можно получить слой абстракции для работы с UI. Именно это предлагает тот же React. Слой абстракции над UI. Вы можете работать с реактом, но UI будет отрисовываться не через DOM а скажем... это может быть нативный интерфейс мобильной платформы (гуглить native-react). Ну и т.д.

Производится отправка формы, страница перезагружается. Добавьте форме @submit.prevent. Или клик по кнопке обрабатывайте иначе: @click.prevent="addGuest".

Живу и зарабатываю только webgl с 2013го. С 2017го в свободном плавании, на хлеб хватает но пока без масла, про икру и не мечтаю. Рынок пока не сформирован в России особенно (Хз будет ли лучше (скорее будет) - это больше реализм чем пессимизм). Вообще зависит что ты за спец и какие цели, как прогерам так и художникам можно влиться в крупный проект через апворк, их там полно. В России сложнее, так как заказчики только что открыли для себя ентернеты и, ого! ёоутубе. А инвесторов которые шарят в ИТ супер мало, а претендентов на донат полно. Отсюда вывод - делать стартап на нехайповом webgl особенно сложно (с теми же нейронками уверен проще так как даже по телеку позывают). А влиться в проект как юнит довольно несложно, там дефицит кадров, даже в России.

Применение очень широкое. Спрос есть, но спецов не так много.
Применения: wow-сайты, vr-сайты, браузерные игры. Он очень быстр, если прямые руки.
Ресурсов изучения не так много, лучше попробовать понять основы, поработать с шейдерами (отличная статья для старта https://habr.com/ru/post/420847/ ) и перекатываться на three.js

Судя по всему, Вы используете Gulp 4.
В таком случае Вы неправильно написали задачу "watch".
Замените

gulp.task('watch', function() {
    gulp.watch('app/scss/**/*.scss', ['sass']);
});

На

gulp.task('watch', function() {
    gulp.watch('app/scss/**/*.scss', gulp.parallel('sass'));
});

Или

gulp.task('watch', function() {
    gulp.watch('app/scss/**/*.scss', gulp.series('sass'));
});

Крутое у вас там условие в цикле:

1 < imageData.data.length

Может, всё-таки не 1, а i?

Опечатка у вас, должно быть:
let lengthNum = numToStr.length - 1;