Как реализовать ООП на VUE?

Дмитрий, я, наверное, был таким же обидчивым в подростковом возрасте.
Я не писал определение ООП, я описал ряд задач, для которых ООП хорошо подходит. Дашь лучше определение для Vue? - welcome. Если видишь неточность, укажи конкретно и поправь. Все те мерзкие эпитеты, которые ты используешь, чтобы выразить свою обиду и убедить кого-то, что ты большой и умный мальчик, не добавляют смысла в твою речь. Если есть возражения по теме, пожалуйста, пиши.
А вообще обижаться в данном случае - глупо. Это тебе нужна помощь, это ты задал вопрос, это у тебя возникли проблемы с пониманием как решить твою задачу. Дальше либо ты принимаешь советы, либо нет. Ничего обидного я не написал.
Конечно, ты, как начинающий "фронтендер" не можешь знать и понимать многие вещи и это нормально. Все мы учимся. Вырастешь поймёшь.

Как реализовать ООП на VUE?

Дмитрий, сорри, я должен был понять из самой формулировки вопроса "как реализовать ООП на Vue", что автор, скорее всего, не понимает ни в ООП, ни в Vue. Но что-то пошло не так и я написал слишком сложный ответ, непосильный для осмысления автором. Каюсь. Правильно отвечали выше: разберись с props и компонентами в Vue. Я лишь могу добавить: "разберись с ООП", хотя и понимаю, что это слишком сложно.

Как реализовать ООП на VUE?

При чём тут ООП?
JS поддерживает классы. Создай сколько хочешь, инстанциируй объекты сколько влезет.
Vue - это фреймворк, написанный на js, представляющий возможности создания реактивных ui-компонентов с поддержкой темплейтов.
Вот тебе инструменты, дальше - как захочешь.
Хочешь, хоть на каждый класс со своими сокетами создавай инстанс нового Vue app.
Не хочешь - просто обновляй своими объектами реактивную модель Vue (надеюсь Vue 3 используешь?). Классы отдельно (модель), Vue отдельно (view). Подключаешь модель в Vue-компонент и получаешь правильно разделенный функционал. Завтра эту же модель взял и вместо Vue к реакту прицепил.
Вообще ООП придуман не для того, чтобы создать 1-2 класса и везде писать, что "я пишу на ООП". ООП помогает решать класс задач, где есть абстракции близкие к физическому миру (объекты), у которых есть набор свойств и действий над ними, где объекты имеют много общего, но ведут себя часто по-разному. Для таких задач ООП даёт целый ряд крутых возможностей вытекающих из наследования и полиморфизма.
В задаче, которую ты описал, ООП как бы притянут "ну чтобы было". Одно дело, когда привык на каждую мелочь рисовать класс. Другое дело, когда за неимением четкого понимания "что я делаю" рисую классы потому что "так круто вроде".
Есть целый ряд задач, который проще и оптимальнее решается функциональным программированием (часто это асинхронные потоки, см rxjs, но не только они).
Комплексная задача часто включает гибридную модель, где классы описывают сложные абстракции, о которых легче думать как об объектах, но в имплементации некоторых методов внутри класса (а может и главный алгоритм снаружи класса) используется чистый функциональный подход.