Как реализовать фронтенд интернет-магазина на vue.js?

На новом проекте (интернет-магазин - cms modx revo) хочется впилить frontend на vue.js + vanilla.js (без jquery). Just for fun, чтобы прокачаться, и чтобы было красиво.

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

И возможно, переписать некоторые UI компоненты, как - модалки, выпадающие менюшки со встроенными checkbox - тоже с использованием vue

В моем текущем понимании, чтобы реализовать такую live-shopcart-widget -
нужно отправлять на сервер ajax-запрос (можно через rest),
отдавать с сервера json с обновленными данными,
скармливать этот json vue'хе, и рендерить vue-темплейтами разметку/компоненты

Собственно вопросы
- есть ли смысл в этой затее - т.е. будет ли это фактически полезно, какой будет выигрыш, в сравнение с простым jquery
- стоит ли использовать именно vue.js, возможно лучше подойдёт иной фрейм.
- если всё это можно впилить на vue - какие гайды лучше почитать (кроме официальной доки) чтобы не наговнокодить и получить хороший результат.