Я всегда всем советую начинать с азов и постепенно наращивать знания и технологии:
1) HTML + CSS (css на данном этапе второстепенно, главное узнать основные возможности, все остальное гуглится и приходит с опытом верстки)
2) JS (сам синтаксис и работу с алгоритмами, можно пока не брать во внимание работу js в браузере)
3) JS + работа в браузере (DOM-дерево и манипуляции с ним, Объекты Window, document, location, и. т. д)
4) современные стандарты JS (ES6, ES7, ..., ES11)
// это отлично изучается на сайте
learn.javascript.ru + что-то гуглится
————
5) можно попробовать JQuery, он еще не совсем мертв, но когда ты будешь его изучать, а потом от него отказываться, у тебя будут приличные знания работы с DOM-деревом с селекторами и обработкой событий (начнешь понимать как делали раньше и как можно делать сейчас)
6) дальше тебе понадобятся знания, как собирать проекты легче/быстрее и запускать локально (сейчас мастхэф Webpack для него нужны начальные знания работы с nodeJS + npm) , версионность и история изменений (Git), всего понемногу
// Это уже более углубленное погружение в экосистему JS
—————-
7) К этому моменту ты уже изрядно повозишься с HTML + JS (низкоуровневым), После этого берешь и открываешь официальную документацию Vue и читаешь ее как хороший роман (читается на одном дыхании, на мой взгляд лучшый начальный туториал из всех возможных), разворачиваешь учебный проект, и все что описано в документации пробуешь на практике
8) Когда ты полностью прочитаешь документацию по Vue, ты будешь в общем владеть исчерпывающей информацией связанной с экосистемой Vue вообще, и тебе останется только углубленное изучение (Vue-router, Vuex, и т.д.)
—————
Это очень сжатый план. Vue это лишь один из возможных подходов к коммерческой разработки, сам по себе Frontend очень большой и нужно постоянно что-то изучать, много гуглить, верстать, постоянно что-то делать, чтоб сталкиваться с проблемами и искать решения...))