JQuery background system wants to gradually migrate to a Vue project, is there any good methods and ideas?

there is a background management project, the old system is written in jq and jade , gulp , want to gradually change to vue project, what good ideas and methods?

Thank you for your answers ~
I happen to see a concept of front-end: front-end micro-service

I refer to multiple single page applications in charge of different URL mentioned in this article to achieve the gradual migration of this project.

Apr.14,2021

give up completely, find a vue ui component library to rewrite a wave, vue is a data-driven view, so what you need to do is to use vue to implement a wave of interface, combined with the interface to modify data


complete refactoring, the concepts of the two codes are completely different.


refactoring bar. Code concepts, partitions, and ideas are all completely different. Vue+element ui refactoring is fine.


first of all, you need to have the code base of vue and es6

you need to summarize the main functions of the old project, the limitations of using jq (component encapsulation hassle, etc.)

take out several representative pages to try to reconstruct with vue
try to shift from the thinking of jq to the thinking of two-way data binding and componentization of vue
some advanced features of vuex and vue router may be used here

verify whether it is suitable for vue refactoring, how much time and manpower it takes, and whether refactoring is worth it?
which functions can be implemented, but the logic is complex and the code is tedious? is the logic clear and the readability of the code improved after writing with vue?
which functions are not easy to implement, but can be easily implemented with vue?

if you plan to ReFactor, then ReFactor according to the page function and interface documentation

recommend a very good component library iview
ide/install" rel=" nofollow noreferrer "> https://www.iviewui.com/docs/.

vue also has an official code style guide
ide/" rel=" nofollow noreferrer "> https://cn.vuejs.org/v2/style.

.

has referred to mentioned in the article multiple single page applications are in charge of different URL to achieve the gradual migration of this project.

Menu