Layout construction method and system based on vue template

The invention discloses a layout construction method and system based on a vue template, and relates to the technical field of software development, and the method comprises the following steps: establishing a component library, newly establishing a canvas, and dragging a to-be-used component from the component library to the canvas; adding styles, and configuring style attributes of respective components; events are added, and a logic function is directly edited for a formed interaction component to meet project requirements; performing layout preview, and confirming that logic events of the components can execute interaction; the method comprises the following steps: storing and downloading a file, analyzing and downloading, calling a system label to analyze when storage or downloading is triggered, completing generation of an html code under a template label and generation of a vuejs and css style sheet, exporting a formed single vue template layout file, and embedding the file into a project for use, and