Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Method and device for compiling front-end vue component into native component, equipment and medium

A component and grammar technology, applied in the computer field, can solve the problems of repeated development, low development efficiency, and the inability of Vue components to be directly reused, so as to achieve rapid iterative development of new functions, reduce loading waiting time, save development time and labor costs. Effect

Pending Publication Date: 2022-08-09
PINGAN PUHUI ENTERPRISE MANAGEMENT CO LTD
View PDF0 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0008] In view of the above technical problems, the purpose of the present invention is to provide a method, device, device and medium for compiling front-end vue components into native components, aiming to solve the problem that existing vue components cannot directly Reuse to small projects written in native syntax, resulting in technical problems that require repeated development and low development efficiency

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Method and device for compiling front-end vue component into native component, equipment and medium
  • Method and device for compiling front-end vue component into native component, equipment and medium
  • Method and device for compiling front-end vue component into native component, equipment and medium

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0067] see figure 1 , the first embodiment of the present invention provides a method for compiling front-end vue components into native components, which can be executed by a computer device that compiles front-end vue components into native components, and the computer that compiles front-end vue components into native components The device may be a computing device such as a desktop computer, a notebook, a PDA, and a cloud server.

[0068] An embodiment of the present invention provides a method for compiling front-end vue components into native components, including:

[0069] S1, obtain a configuration file; wherein, the configuration content of the configuration file includes at least one vue component address;

[0070] S2. Find the corresponding vue component according to the vue component address;

[0071] S3. Based on the name of the vue component, initialize the content of the native component to obtain the initial native component;

[0072] S4. Based on the initia...

Embodiment 2

[0137] see Figure 8 , an embodiment of the present invention provides a device for compiling front-end vue components into native components, including:

[0138] Obtaining module 1, for obtaining a configuration file; wherein, the configuration content of the configuration file includes at least one vue component address;

[0139] Lookup module 2 is used to look up the corresponding vue component according to the vue component address;

[0140] The initialization module 3 is used to initialize the content of the native component based on the name of the vue component to obtain the initial native component;

[0141] The compilation module 4 is configured to compile the page display template code of the vue component and the style code of the vue component into a grammar suitable for the native component based on the initial native component and according to the native component syntax.

[0142] In one embodiment, the initialization module includes:

[0143] The first creati...

Embodiment 3

[0176] see Figure 9 , an embodiment of the present invention also provides a computer device, the computer device may be a server, and its internal structure may be as follows Figure 9shown. The computer device includes a processor, memory, a network interface, and a database connected by a system bus. Among them, the processor of the computer design is used to provide computing and control capabilities. The memory of the computer device includes a non-volatile storage medium, an internal memory. The nonvolatile storage medium stores an operating system, a computer program, and a database. The memory provides an environment for the execution of the operating system and computer programs in the non-volatile storage medium. The database of the computer device is used to store data such as a method for compiling front-end vue components into native components. The network interface of the computer device is used to communicate with an external terminal through a network co...

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention relates to the technical field of computers, in particular to a method and device for compiling a front-end vue component into a native component, equipment and a medium. Wherein the configuration content of the configuration file comprises at least one vue component address; searching a corresponding vue component according to the vue component address; based on the name of the vue component, initializing the content of a native component to obtain an initial native component; and based on the initial native component, according to a native component grammar, compiling a page display template code of the vue component and a style code of the vue component into a grammar suitable for the native component. According to the embodiment of the invention, the grammar of the existing vue component is intelligently identified, and the original component is compiled and transformed according to the existing grammar of the original component, so that the original component can be directly obtained by the existing vue component through compiling, and therefore, the development efficiency of a small project can be improved, and the application loading time can be shortened.

Description

technical field [0001] The present invention relates to the field of computer technology, and in particular, to a method, apparatus, device and medium for compiling front-end vue components into native components. Background technique [0002] At present, in the front-end field, most projects are developed using frameworks for component development. Common frameworks mainly include Vue. The main function of framework development is to bring grammatical convenience to developers and simplify their own development and packaging. build etc. However, not all projects are suitable for development through the framework, especially for some small projects, for the following reasons: [0003] (1) Introducing the framework for development, on the contrary, it increases the process that the developer needs to build the project initialization framework, and also makes the developer need to master the content related to the framework syntax; [0004] (2) Since the framework code base ...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
IPC IPC(8): G06F8/41
CPCG06F8/42
Inventor 黄康
Owner PINGAN PUHUI ENTERPRISE MANAGEMENT CO LTD
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com