How to embed Vue.js in wordpress + woocommerce?

Question

CMS

Hello. The customer has a small online store on wp+woocommerce. The site, apparently, was washed down on the WPBakery Page Bulder plugin, such as a constructor, and some kind of Urn 2.0 as a theme
. it's just terrible how everything slows down, I have lava under my chair.
The customer wants to redesign the main page for a new design, to be able to edit and delete products in the same way, and to keep the possibility of online payment, etc.
That is, you need to leave woocommerce and optimize the site so that it stops being too dumb. I thought that since Vue.js began to be taught, can it be applied here? I want to use Vuetify to apply. But how to approach, because I really don’t know wordpress and what to do so as not to drop the site. Where you can change what, where you can't. It is better if you have experience in such delirium. Where to even start.

Answer 1

I thought that since Vue.js began to be taught, can it be applied here?

I don't really recommend this.

1. If you are a beginner, it is by no means a fact that by rewriting the page it will fly. The problem may be, for example, in an overloaded server.
   
2. Vue.js is needed where there is a complex interactive interface. Normal static output is not a scenario where it is appropriate to use any framework.
   

Where to even start.

To get started, read a few articles on the topic "How to write a theme for WP". There, tell in detail about the device, and where it lies.
Then install the plugin . If I'm not mistaken it shows what your theme file was used for each particular page. It is this file that you need to edit in order to change the main page. But it already depends on your case.

Answer 2

what the hell is vue?
and how it will help to solve the problem of brakes?