Если прям на пальцах, то вот:
Vue.js нужен для быстрой перерисовки того или иного участка интерфейса. Вместо работы напрямую с DOM, мы работаем с данными (Data), а все манипуляции с разметкой происходят уже автоматически благодаря реактивности и директивам. То есть, темплейты во Vue.js - это такой себе способ описать поведение вашей разметки с привязкой к данным - как меняется разметка при изменении данных, какие методы вызываются при том или ином событии (это тоже определяется в темплейтах). Почитайте что такое Data-driven подход, тогда намного все прозрачнее станет.

Это объяснение от верстальщика верстальщику :)

для сжатия jpg используйте imagemin-jpeg-recompress
для сжатия png - optipng/pngquant

Скорость верстки очень сильно зависит от типа проекта. Также скорость верстки прямо пропорциональна объему навыков (как связанных с IT, так и базовых), умноженному на опыт.

Чтобы измерить скорость чистой верстки с типичным функционалом идеально подойдет обычный несложный лендинг, а лучше сразу несколько. На лендинги небольшого размера у опытного верстальщика уходит от 5 до 9 часов, в зависимости от инструментов и технологий, которые он применяет при верстке.

Оценить скорость конкретно только верстки под CMS довольно сложно, так как верстка под CMS включает также много других смежных задач и подводных камней.

Основные навыки и инструменты, повышающие скорость верстки:
- touch typing - слепая печать - незаменимый навык, значительно ускоряющий любую деятельность за ПК
- emmet, сниппеты, сохраненные заготовки, шаблоны
- препроцессоры
- хорошее владение редактором кода (шоткаты и т.п.), быстрое перемещение по коду
- способность быстро осваивать новую информацию и сразу же применять ее
и т.д. - можно долго продолжать этот список

Использование первых трех в сумме дает очень большой прирост скорости.
В таком случае скорость верстки будет выше средней.