Vue-based front-end multi-project display method, system and device, and storage medium

Abstract

The invention discloses a Vue-based front-end multi-project display method, system and device, and a storage medium. The method comprises the following steps of creating a project list configuration file under a main project, wherein the list configuration file comprises an identifier and a link address of a subsystem project; reading the project list configuration file information by the global registration center, calling a subsystem project registration method of global routing, registering each subsystem project to the global registration center, and storing the data information of the subsystem projects; and the display base acquiring the data information of the subsystem project through the global registration center, calling a rendering function of the subsystem project, and rendering and displaying the corresponding subsystem project data information. The system comprises a project configuration module, a global registration module and a project display module. According to themethod, integrated management and deployment of subsystem project display are realized, and expandability and maintainability of the project are enhanced.

Description

technical field [0001] The invention relates to the field of front-end design, in particular to a Vue-based front-end multi-item display method, system, device and storage medium. Background technique [0002] In today's market, the Vue framework, a progressive JavaScript framework for building user interfaces, has become one of the front-end mainstream frameworks. As more and more companies deepen their business, the size and complexity of products or projects are constantly increasing. In order to adapt to the overall business needs, it is often necessary to realize it through multiple Vue projects, and divide different modules under each project according to the specific business. And multiple projects may require maintenance updates by multiple different teams. These projects may all have personalized business designs. How to display projects maintained by multiple different teams reasonably has become a major problem we have to face. [0003] In the prior art, differ...

AI Technical Summary

Problems solved by technology

These problems will make the system complicated and confusing due to the use of iframe tag nesting

With the continuous complexity and confusion of the system, the maintainability and scalability of the system are getting worse and worse, so that in the end the whole system reaches a level where it is difficult to maintain or even refactor.

Images