Method and device for cross-end customization of front-end service based on Vue.js

Abstract

The invention relates to a Vue.js-based cross-end front-end service customization method and device, and belongs to the technical field of service customization. The method comprises the following steps: configuring a routing file, a navigation / menu file, a component file and an interactive logic file; configuring and identifying an end type, a project name and a routing prefix through the entry configuration file; configuring the identification end according to the configured identification end type; performing public configuration on different items according to different configured item names; different projects are classified according to business types to obtain different businesses, the different businesses are distributed to public project logic according to routing prefixes and routing files, and the public project logic is configured according to navigation / menu files, component files and interaction logic files. According to the method, the multi-service system is rapidly constructed and maintained in a templated and configured mode, the design style can be unified, the development process can be simplified, personalized customization is supported, and the development efficiency and the system maintenance convenience are remarkably improved.

Description

Technical Field

[0001] The present invention belongs to the field of customized front-end services, and in particular, relates to a method and device for cross-end customized front-end services based on Vue.js. Background Art

[0002] In the process of digital transformation, enterprises usually need to quickly build and maintain multiple business systems. Traditional development methods rely on third-party UI frameworks to develop one by one, resulting in low development efficiency, high maintenance costs, and difficulty in achieving a consistent user experience on the Web and H5 terminals. In addition, the existing methods lack unified templates and configuration mechanisms, making it difficult to quickly respond to changes in business needs. Summary of the invention

[0003] In view of the above deficiencies in the prior art, the purpose of the invention is to provide a method and device for cross-end customized front-end business based on Vue.js, which can realize the rapid construction and maintenance of multi-business systems through templating and configurating methods, not only unifying the design style and simplifying the development process, but also supporting personalized customization, significantly improving the development efficiency and the convenience of system maintenance.

[0004] The first aspect of the present invention provides a method for cross-end customized front-end business based on Vue.js, comprising:

[0005] Configure routing files, navigation / menu files, component files, and interaction logic files;

[0006] Configure the identifier type, project name, and routing prefix through the entry configuration file;

[0007] Configure the identification end according to the identification end type configured in the entry configuration file;

[0008] Perform common configuration for different projects according to the different project names configured in the entry configuration file;

[0009] Different projects are classified according to business types to obtain different businesses, and different businesses are distributed to the public project logic according to the routing prefix and routing files. The public project logic is configured according to the navigation / menu file, component file and interaction logic file.

[0010] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, configuring the routing file includes:

[0011] Flexibly configure the routing name and routing path according to business needs.

[0012] Furthermore, in the above method for cross-end customization of front-end services based on Vue.js, configuring the navigation / menu file includes:

[0013] Configure the top navigation bar and side menu bar;

[0014] Configure the sub-navigation of the navigation bar and the sub-menu of the menu bar;

[0015] Configure responsive layout;

[0016] Predefined styles and themes.

[0017] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, the component file is configured, including:

[0018] Configure standardized components;

[0019] Configure the communication mechanism between parent and child components;

[0020] Configure the same set of components to be compatible with the user interface styles of the Web and H5 ends.

[0021] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, configuring the interactive logic file includes:

[0022] Configure different UI components according to different business scenarios;

[0023] Configure the interactive feedback mechanism.

[0024] Furthermore, the above method for cross-end customized front-end business based on Vue.js also includes:

[0025] During the development process, API documentation is generated based on the configured routing files, navigation / menu files, component files, and interaction logic files.

[0026] Furthermore, the above method for cross-end customized front-end business based on Vue.js also includes:

[0027] The configuration tool generates a project configuration file based on the configured routing files, navigation / menu files, component files, and interaction logic files.

[0028] The second aspect of the present invention further proposes a device for cross-end customized front-end business based on Vue.js, comprising:

[0029] The first configuration module: used to configure routing files, navigation / menu files, component files, and interactive logic files;

[0030] The second configuration module is used to configure the identification terminal type, project name, and routing prefix through the entry configuration file;

[0031] The third configuration module is used to configure the identification terminal according to the identification terminal type configured in the entry configuration file;

[0032] Public configuration module: used to perform public configuration for different projects according to the different project names configured in the entry configuration file;

[0033] Classification module and fourth configuration module: used to classify different projects according to business type to obtain different businesses, distribute different businesses to the public project logic according to routing prefixes and routing files, and configure the public project logic according to navigation / menu files, component files and interactive logic files.

[0034] According to a third aspect of the present invention, an electronic device is provided, comprising: a processor and a memory;

[0035] The processor calls the program or instruction stored in the memory to execute any of the above methods for cross-end customized front-end services based on Vue.js.

[0036] In a fourth aspect of the present invention, a computer-readable storage medium is further proposed, which stores a program or instruction, and the program or instruction enables a computer to execute any of the above methods for cross-end customized front-end business based on Vue.js.

[0037] The beneficial effects of the present invention are as follows: the present invention configures routing files, navigation / menu files, component files, and interactive logic files; configures identification terminal types, project names, and routing prefixes through entry configuration files; configures identification terminals according to the identification terminal types configured in the entry configuration files; performs common configurations on different projects according to different project names configured in the entry configuration files; classifies different projects according to business types to obtain different businesses, distributes different businesses to common project logic according to routing prefixes, and common project logic is configured according to routing files, navigation / menu files, component files, and interactive logic files. The present invention realizes rapid construction and maintenance of multi-business systems through template-based and configured methods, which can not only unify design styles and simplify development processes, but also support personalized customization, significantly improving development efficiency and the convenience of system maintenance. BRIEF DESCRIPTION OF THE DRAWINGS

[0038] The accompanying drawings are only used to illustrate specific embodiments and are not considered to limit the present invention. In the entire drawings, the same reference symbols represent the same components. Obviously, the drawings described below are only some embodiments recorded in the embodiments of the present invention. For those of ordinary skill in the art, other drawings can also be obtained based on these drawings.

[0039] Figure 1 A method diagram of cross-end customized front-end business based on Vue.js provided in an embodiment of the present invention;

[0040] Figure 2A device diagram of a cross-end customized front-end service based on Vue.js provided in an embodiment of the present invention;

[0041] Figure 3 A schematic block diagram of an electronic device provided by an embodiment of the present invention. DETAILED DESCRIPTION

[0042] In order to enable those skilled in the art to better understand the technical solutions in the embodiments of the present invention, the technical solutions of the present invention will be clearly and completely described below in conjunction with the accompanying drawings. Obviously, the described embodiments are part of the embodiments of the present invention, rather than all of the embodiments. It should be understood that these descriptions are only exemplary and are not intended to limit the scope of the present invention. Based on the embodiments of the present invention, all other embodiments obtained by ordinary technicians in the field without making creative work should fall within the scope of protection of the present invention.

[0043] Furthermore, in the following description, descriptions of well-known structures and technologies are omitted to avoid unnecessarily obscuring the concepts disclosed in the present invention.

[0044] In the description of the present invention, the terms "first", "second", and "third" are used for descriptive purposes only and should not be understood as indicating or implying relative importance. The terms "installed", "connected", and "connected" should be understood in a broad sense, for example, it can be a fixed connection, a detachable connection, or an integral connection; it can be a mechanical connection or an electrical connection; it can be a direct connection, or it can be indirectly connected through an intermediate medium, or it can be internal communication between two components. For ordinary technicians in this field, the specific meanings of the above terms in the present invention can be understood according to specific circumstances.

[0045] Exemplary embodiments will be described in detail herein, examples of which are shown in the accompanying drawings. When the following description refers to the drawings, unless otherwise indicated, the same numbers in different drawings represent the same or similar elements. The embodiments described in the following exemplary embodiments do not represent all embodiments consistent with the present invention. Instead, they are merely examples of methods and systems consistent with some aspects of the present invention as detailed in the appended claims.

[0046] The present invention proposes a method, device, electronic device and storage medium for cross-end customized front-end business based on Vue.js, which can realize rapid construction and maintenance of multi-business systems through templating and configurating methods, unify design styles and simplify development processes, and support personalized customization, thereby significantly improving development efficiency and the convenience of system maintenance.

[0047] Before introducing the embodiments of the present invention, professional terms involved in the embodiments of the present invention are first introduced.

[0048] Vue.js: A progressive JavaScript front-end framework that adopts a component-based development approach. It is efficient and flexible and is widely used to build user interfaces.

[0049] Front-end Web: refers to the user interface part of web pages and applications built through technologies such as HTML, CSS, JavaScript, etc., with the goal of providing good user experience and interactivity.

[0050] H5 (HTML5): The fifth version of HTML, which introduces semantic tags, multimedia elements, graphic elements, etc. to support the needs of modern web applications.

[0051] UI (User Interface): User interface covers the area, method and design of user interaction with the device, with the goal of providing a user-friendly interface and interactive experience.

[0052] Router differentiation: In the process of route selection, the entries in the routing table are sorted or filtered according to different conditions, and the best path is selected to transmit data packets, thereby improving network communication efficiency.

[0053] Method Embodiment

[0054] Figure 1 A method diagram of cross-end customized front-end business based on Vue.js provided in an embodiment of the present invention.

[0055] In the first aspect of the present invention, a method for cross-end customization of front-end services based on Vue.js is proposed, combined with Figure 1 , including five steps from S1 to S5:

[0056] S1: Configure routing files, navigation / menu files, component files, and interaction logic files.

[0057] Specifically, in the embodiment of the present invention, the method for configuring the routing file, the navigation / menu file, the component file, and the interactive logic file is described in detail below.

[0058] S2: Configure the identifier type, project name, and routing prefix through the ingress configuration file.

[0059] Specifically, in the embodiment of the present invention, the identification terminal type, project name, and routing prefix are configured through the entry configuration file, and the identification terminal type can be WEB or H5.

[0060] For example, the code of the entry configuration file is as follows:

[0061] / / Entry configuration file

[0062] module.exports = {

[0063] endpointType:'web',

[0064] projectName:'ProjectA',

[0065] routePrefix:' / app',

[0066] homePage:'dashboard',

[0067] requiresToken:true

[0068] };

[0069] S3: Configure the identification end according to the identification end type configured in the ingress configuration file.

[0070] Specifically, in the embodiment of the present invention, the identification terminal is configured according to the identification terminal type configured in the entry configuration file, and a WEB identification terminal and an H5 identification terminal may be configured.

[0071] S4: Perform common configuration on different projects according to the different project names configured in the entry configuration file.

[0072] Specifically, in the embodiment of the present invention, different projects are commonly configured according to different project names configured in the entry configuration file, and the common configuration may be performed through the js file format.

[0073] S5: Different projects are classified according to business types to obtain different businesses, and different businesses are distributed to the public project logic according to the routing prefix and routing file. The public project logic is configured according to the navigation / menu file, component file and interaction logic file.

[0074] Specifically, in an embodiment of the present invention, different projects are classified according to business type to obtain different businesses, and the formats of different business types are json format. Router distributes different businesses to public project logic according to routing prefixes and routing files. The public project logic is configured according to routing files, navigation / menu files, component files and interactive logic files.

[0075] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, configuring the routing file includes:

[0076] Flexibly configure the routing name and routing path according to business needs.

[0077] Specifically, in the embodiment of the present invention, the routing name and routing path are flexibly configured according to business requirements to ensure a clear system structure.

[0078] Furthermore, in the above method for cross-end customization of front-end services based on Vue.js, configuring the navigation / menu file includes:

[0079] Configure the top navigation bar and side menu bar;

[0080] Configure the sub-navigation of the navigation bar and the sub-menu of the menu bar;

[0081] Configure responsive layout;

[0082] Predefined styles and themes.

[0083] Specifically, in an embodiment of the present invention, configuring the top navigation bar and the side menu bar can unify the design of the top navigation bar and the side menu bar; configuring the sub-navigation of the navigation bar and the sub-menu of the menu bar can flexibly configure the sub-navigation and sub-menu; configuring a responsive layout to ensure consistent display effects on different devices, predefine styles and themes, achieve cross-end unified design, and support personalized adjustments.

[0084] For example, the code for defining the navigation structure through the configuration file, configuring the sub-navigation of the navigation bar and implementing dynamic loading is as follows:

[0085] / / Navigation configuration

[0086] module.exports = {

[0087] topNav:[

[0088] {name:'Home',path:' / '},

[0089] {name:'Dashboard',path:' / dashboard'},

[0090] / / Dynamic loading

[0091] {name:'Projects',path:' / projects',children:[

[0092] {name:'Project A',path:' / projects / a'},

[0093] {name:'Project B',path:' / projects / b'}

[0094] ]} ]

[0096] };

[0097] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, the component file is configured, including:

[0098] Configure standardized components;

[0099] Configure the communication mechanism between parent and child components;

[0100] Configure the same set of components to be compatible with the user interface styles of the Web and H5 ends.

[0101] Specifically, in the embodiment of the present invention, configuring standardized components such as input, select, etc. can simplify the development process; configuring the communication mechanism between parent and child components can ensure smooth data flow and improve component reusability.

[0102] For example, an event bus is used to implement inter-component communication to ensure efficient data flow between components. The specific implementation code is as follows:

[0103] / / Event bus

[0104] const EventBus = new Vue();

[0105]

[0106] Configuring the same set of components to be compatible with the user interface styles of the Web and H5 ends can unify the user interface styles of the Web and H5 ends to ensure a consistent user experience.

[0107] Furthermore, in the above method for cross-end customized front-end business based on Vue.js, configuring the interactive logic file includes:

[0108] Configure different UI components according to different business scenarios;

[0109] Configure the interactive feedback mechanism.

[0110] Specifically, in the embodiment of the present invention, different business scenarios require different display contents, and different UI components are configured to adapt to different business scenarios; for example, dynamic component loading is adopted to display different business contents according to user roles and permissions. Managers can see statistical reports, and ordinary users can see personal task lists; configuring an interactive feedback mechanism can improve the fluency of user experience, for example, introducing a state management tool (such as Vuex) to achieve unified state management and response, and ensure instant feedback of operations and data synchronization.

[0111] Furthermore, the above method for cross-end customized front-end business based on Vue.js also includes:

[0112] During the development process, API documentation is generated based on the configured routing files, navigation / menu files, component files, and interaction logic files.

[0113] Specifically, in an embodiment of the present invention, during the development process, an API document is generated based on the configured routing files, navigation / menu files, component files, and interactive logic files. The API document here is a guidance document that can help developers quickly get started with the business system.

[0114] Furthermore, the above method for cross-end customized front-end business based on Vue.js also includes:

[0115] The configuration tool generates a project configuration file based on the configured routing files, navigation / menu files, component files, and interaction logic files.

[0116] Specifically, in an embodiment of the present invention, the configuration tool generates a readable project configuration file based on the configured routing file, navigation / menu file, component file, and interactive logic file. The project configuration file here is a running file, thereby simplifying the configuration process and ensuring that new developers can get started quickly.

[0117] For example, to generate a configuration file using the command line tool:

[0118] $generate-config--project ProjectA--endpoint web

[0119] Device Embodiment

[0120] Figure 2 A device diagram of a cross-end customized front-end business based on Vue.js provided in an embodiment of the present invention.

[0121] In the second aspect of the present invention, a device for cross-end customized front-end business based on Vue.js is also proposed, combined with Figure 3 ,include:

[0122] The first configuration module 21 is used to configure routing files, navigation / menu files, component files, and interactive logic files.

[0123] Specifically, in the embodiment of the present invention, the first configuration module 21 is used to configure routing files, navigation / menu files, component files, and interactive logic files.

[0124] The second configuration module 22 is used to configure the identification terminal type, project name, and routing prefix through the entry configuration file.

[0125] Specifically, in the embodiment of the present invention, the second configuration module 22 configures the identification terminal type, the project name, and the routing prefix through the entry configuration file. The identification terminal type can be WEB or H5.

[0126] For example, the code of the entry configuration file is as follows:

[0127] / / Entry configuration file

[0128] module.exports = {

[0129] endpointType:'web',

[0130] projectName:'ProjectA',

[0131] routePrefix:' / app',

[0132] homePage:'dashboard',

[0133] requiresToken:true

[0134] };

[0135] The third configuration module 23 is used to configure the identification terminal according to the identification terminal type configured in the entry configuration file.

[0136] Specifically, in the embodiment of the present invention, the third configuration module 23 configures the identification terminal according to the identification terminal type configured in the entry configuration file, and may configure a WEB identification terminal or an H5 identification terminal.

[0137] Public configuration module 24: used to perform public configuration on different projects according to the different project names configured in the entry configuration file.

[0138] Specifically, in the embodiment of the present invention, the public configuration module 24 performs public configuration on different projects according to the different project names configured in the entry configuration file, and the public configuration may be performed in the js file format.

[0139] Classification module 25 and fourth configuration module 26: used to classify different projects according to business types to obtain different businesses, distribute different businesses to public project logic according to routing prefixes and routing files, and configure the public project logic according to navigation / menu files, component files and interactive logic files.

[0140] Specifically, in an embodiment of the present invention, the classification module 25 classifies different projects according to business types to obtain different businesses. The formats of different business types are json format. The Router distributes different businesses to the public project logic according to the routing prefix and routing file. The fourth configuration module 26 of the public project logic is configured according to the routing file, navigation / menu file, component file and interactive logic file.

[0141] According to a third aspect of the present invention, an electronic device is provided, comprising: a processor and a memory;

[0142] The processor calls the program or instruction stored in the memory to execute any of the above methods for cross-end customized front-end services based on Vue.js.

[0143] In a fourth aspect of the present invention, a computer-readable storage medium is further proposed, which stores a program or instruction, and the program or instruction enables a computer to execute any of the above methods for cross-end customized front-end business based on Vue.js.

[0144] Figure 3 It is a schematic block diagram of an electronic device provided by an embodiment of the present invention.

[0145] like Figure 3 As shown, the electronic device includes: at least one processor 301, at least one memory 302 and at least one communication interface 303. The various components in the electronic device are coupled together through a bus system 304. The communication interface 303 is used to transmit information between external devices. It can be understood that the bus system 304 is used to achieve connection and communication between these components. In addition to the data bus, the bus system 304 also includes a power bus, a control bus and a status signal bus. However, for the sake of clarity, Figure 3 Various buses are labeled as bus system 304 .

[0146] It can be understood that the memory 302 in this embodiment can be a volatile memory or a non-volatile memory, or can include both volatile and non-volatile memories.

[0147] In some implementations, the memory 302 stores the following elements, executable units or data structures, or a subset thereof, or an extended set thereof: an operating system and application programs.

[0148] The operating system includes various system programs, such as a framework layer, a core library layer, a driver layer, etc., which are used to implement various basic services and process hardware-based tasks. The application includes various application programs, such as a media player (Media Player), a browser (Browser), etc., which are used to implement various application services. A program that implements any method in a method for cross-end customized front-end service based on Vue.js provided in an embodiment of the present invention can be included in the application.

[0149] In an embodiment of the present invention, the processor 301 calls the program or instructions stored in the memory 302, specifically, the program or instructions stored in the application, and the processor 301 is used to execute the steps of each embodiment of a method for cross-end customized front-end business based on Vue.js provided in an embodiment of the present invention.

[0150] Configure routing files, navigation / menu files, component files, and interaction logic files;

[0151] Configure the identifier type, project name, and routing prefix through the entry configuration file;

[0152] Configure the identification end according to the identification end type configured in the entry configuration file;

[0153] Perform common configuration for different projects according to the different project names configured in the entry configuration file;

[0154] Different projects are classified according to business types to obtain different businesses, and different businesses are distributed to the public project logic according to the routing prefix and routing files. The public project logic is configured according to the navigation / menu file, component file and interaction logic file.

[0155] Any of the methods of a cross-end customized front-end business based on Vue.js provided in an embodiment of the present invention can be applied to the processor 301, or implemented by the processor 301. The processor 301 can be an integrated circuit chip with signal processing capabilities. In the implementation process, each step of the above method can be completed by an integrated logic circuit of hardware in the processor 301 or an instruction in the form of software. The above-mentioned processor 301 can be a general-purpose processor, a digital signal processor (Digital Signal Processor, DSP), an application-specific integrated circuit (Application Specific Integrated Circuit, ASIC), a field programmable gate array (Field Programmable Gate Array, FPGA) or other programmable logic devices, discrete gates or transistor logic devices, discrete hardware components. The general-purpose processor can be a microprocessor or the processor can also be any conventional processor, etc.

[0156] The steps of any method in the method for cross-end customized front-end business based on Vue.js provided by an embodiment of the present invention can be directly reflected as being executed by a hardware decoding processor, or being executed by a combination of hardware and software units in the decoding processor. The software unit can be located in a mature storage medium in the art such as a random access memory, a flash memory, a read-only memory, a programmable read-only memory, or an electrically erasable programmable memory, a register, etc. The storage medium is located in the memory 302, and the processor 301 reads the information in the memory 302 and completes the steps of the method in combination with its hardware.

[0157] Those skilled in the art will appreciate that although some embodiments described herein include certain features included in other embodiments but not other features, the combination of features from different embodiments is meant to be within the scope of the present invention and to form different embodiments.

[0158] Those skilled in the art will appreciate that the description of each embodiment has its own emphasis, and for parts not described in detail in a certain embodiment, reference can be made to the relevant descriptions of other embodiments.

[0159] Although the embodiments of the present invention are described in conjunction with the accompanying drawings, those skilled in the art may make various modifications and variations without departing from the spirit and scope of the present invention, and such modifications and variations all fall within the scope defined by the appended claims. The above are only specific embodiments of the present invention, but the protection scope of the present invention is not limited thereto. Any person skilled in the art who is familiar with the technical field can easily think of various equivalent modifications or substitutions within the technical scope disclosed by the present invention, and these modifications or substitutions should be included in the protection scope of the present invention. Therefore, the protection scope of the present invention shall be subject to the protection scope of the claims.

[0160] The above are only specific embodiments of the present invention, but the protection scope of the present invention is not limited thereto. Any technician familiar with the technical field can easily think of various equivalent modifications or replacements within the technical scope disclosed by the present invention, and these modifications or replacements should be included in the protection scope of the present invention. Therefore, the protection scope of the present invention shall be based on the protection scope of the claims.

Claims

1. A method for cross-end customization of front-end services based on Vue.js, characterized in that: include: Configure routing files, navigation / menu files, component files, and interaction logic files; Configure the identifier type, project name, and routing prefix through the entry configuration file; Configure the identification end according to the identification end type configured in the entry configuration file; Perform common configuration for different projects according to the different project names configured in the entry configuration file; Different projects are classified according to business types to obtain different businesses, and different businesses are distributed to the public project logic according to the routing prefix and routing files. The public project logic is configured according to the navigation / menu file, component file and interaction logic file.

2. According to a method for cross-end customization of front-end services based on Vue.js according to claim 1, it is characterized in that: The configuration routing file includes: Flexibly configure the routing name and routing path according to business needs.

3. According to a method for cross-end customization of front-end services based on Vue.js according to claim 1, it is characterized in that: The configuration navigation / menu file includes: Configure the top navigation bar and side menu bar; Configure the sub-navigation of the navigation bar and the sub-menu of the menu bar; Configure responsive layout; Predefined styles and themes.

4. According to a method for cross-end customization of front-end services based on Vue.js according to claim 1, it is characterized in that: The configuration component file includes: Configure standardized components; Configure the communication mechanism between parent and child components; Configure the same set of components to be compatible with the user interface styles of the Web and H5 ends.

5. According to a method for cross-end customization of front-end services based on Vue.js according to claim 1, it is characterized in that: The configuration interaction logic file includes: Configure different UI components according to different business scenarios; Configure the interactive feedback mechanism.

6. According to a method for cross-end customization of front-end services based on Vue.js according to claim 1, it is characterized in that: The method further comprises: During the development process, API documentation is generated based on the configured routing files, navigation / menu files, component files, and interaction logic files.

7. According to a method for cross-end customized front-end business based on Vue.js according to claim 1, it is characterized in that: The method further comprises: The configuration tool generates a project configuration file based on the configured routing files, navigation / menu files, component files, and interaction logic files.

8. A device for cross-end customized front-end business based on Vue.js, characterized in that: include: The first configuration module: used to configure routing files, navigation / menu files, component files, and interactive logic files; The second configuration module is used to configure the identification terminal type, project name, and routing prefix through the entry configuration file; The third configuration module is used to configure the identification terminal according to the identification terminal type configured in the entry configuration file; Public configuration module: used to perform public configuration for different projects according to the different project names configured in the entry configuration file; Classification module and fourth configuration module: used to classify different projects according to business type to obtain different businesses, distribute different businesses to the public project logic according to routing prefixes and routing files, and configure the public project logic according to navigation / menu files, component files and interactive logic files.

9. An electronic device, characterized in that: include: Processor and memory; The processor is used to execute the method for cross-end customized front-end business based on Vue.js as described in any one of claims 1 to 7 by calling the program or instruction stored in the memory.

10. A computer-readable storage medium, characterized in that: The computer-readable storage medium stores a program or instruction, and the program or instruction enables a computer to execute a method for cross-end customized front-end business based on Vue.js as described in any one of claims 1 to 7.

Images