Прочитав кучу туториалов по диоганали и настроив окружение, совершаем первую ошибку - начинаем писать "Привет мир" и другие незатейливые задачки из разряда "а можно и так".
И тем самым превращаемся из потенциального программиста в кнопкодава. Большинство начинает воспринимать Vue не как полноценный инструмент разаботки приложений, а как набор инструкций для сокращения количества кода.
Или многолетний опыт, или привычка читать документацию от оглавления до количества тиража избавила меня от этой ошибки.
1 - Vue как и многие другие фреймворки работает через копию dom обьекта браузера. И перед тем как нарисовать заветные "Привет мир" в окне браузера генерирует всё в VirtualDom и затем правит dom браузера в соответствии с различиями между dom и VirtualDom. Чем и достигается быстрота отображения контента.
2 - Если решил писать на Vue, лучше сразу приучить себя к стандарту кода. Отступы, правила наименования переменных и функций. Правила оформления комментариев. Это не обязательно, но очень необходимо. Хоть изночально Vue и позиционировался как фреймворк для небольших проектов - он динамически расширяется. И читать правильно оформленный код избавляет от седины на висках, когда смотришь, что написал пару недель тому...
3 - По максимуму забываем что есть указатель var
4 - Внимательно изучаем что таке VueX и VueRouter перед тем как начинать свой проект на Vue - откроете много полезного и избавитесь от
И главное избавите себя от увлекательного, но лишнего квеста по переписыванию ранее написанного кода.
5 - Чем больше проект - тем больше папок и файлов. Стараемся всё что касается одного компонента (сущности) хранить в отдельной папке - это избавит от необходимости прыгать по дереву проекта, когда куча компонентов и все они взаимосвязаны
6 - Читаем документацию по webpack, и не по диогонали как привыкли. То что преподносят в документации по Vue вершина айсберга и кроме как к примеру "Привет мир" ни куда не годится.
7 - Принимаем за аксиому, если надо что-то хранить - делаем хранение через VueX. Если вы мазохист, можете и не принимать, но тогда большинство приятных плюшек связанных с реактивностью (отслеживания состояния) для вас будут потеряны. И смысл использования Vue пропадёт.