Method and device for realizing tree component of front-end page

The invention provides an implementation method and device for a tree component of a front-end page, computing equipment and a computer readable storage medium, and the method comprises the steps: after obtaining a back-end JSON object, not directly displaying JSON data, but converting the JSON data into a Vue node, creating a recursive Vue component by using a Vue framework, and constraining the data type and format of the Vue node by using a Typescript language, so that the data type and format of the Vue node are restrained, and the JSON data is not directly displayed; the data problem can be found without starting the project, the accuracy of the data type and format is always kept through the complete input and output type definition, the development efficiency and the code quality are improved, and the test pressure is reduced; and finally, when the form is submitted, the to-be-submitted JSON object is previewed in real time through a real-time preview function, so that the operation of the form is tran