is fine, if you just want to simplify dom operations with a data driver.
but if you want component-based development, you have to write your own component files, write your own route parsing, dynamically introduce parsing on demand, and manage the shared state of multiple components on your own.
the simplest solution to these problems is vue-router,vuex,. Of course, you can also make a set of your own.
component-based development will inevitably lead to the increase of js, and modular on-demand introduction is also necessary, of course. Of course, another problem is the compression of static files. Manual compression is too primitive, and the parsing of js is quite troublesome. Find a ready-made tool to use node or java or other bulk compression tools
if you use es6,scss, you still need to precompile. There are many ready-made packages on npm. Then merge with the above tool and use node to make a tool
of course this tool is also readily available, for example, webpack, can write a configuration file by itself
vue-cli, which is to help you write the configuration file, and the directory structure of the project is also configured for you, so you can fill in the blanks.
isn't it easy to fill in the blanks, brother?