How to implement the frontend of an online store on vue.js?

Question

MODX

On a new project (online store - cms modx revo) I want to add frontend to vue.js + vanilla.js (without jquery). Just for fun, to pump up, and to be beautiful.

For example - an interactive update of the pop-up cart, i.e. - about adding a new product so that it immediately appears in the basket widget,
or - when switching product modifications in the catalog - the product's prices, description, etc. change accordingly.

And perhaps rewrite some UI components, like modals, drop-down menus with built-in checkboxes - also using vue

. In my current understanding, in order to implement such a live-shopcart-widget,
you need to send an ajax request to the server (you can use rest),
give from json server with updated data,
feed this json to vue, and render markup/components with

vue templates
will it actually be useful, what will be the gain, compared to simple jquery
- is it worth using vue.js, maybe another frame is better.
- if all this can be done on vue - what guides are better to read (except for the official docks) in order not to nagovnokodit and get a good result.

Answer 1

Regarding guides: https://www.youtube.com/watch?v=k3yRfEw1pYk&list=P...
When using such things, you need to carefully monitor the page weight and optimization so that the site does not die on weak phones. And search engine optimization should also be looked at, because it is important how the search engine will see the page.