How to use the generated task form in my own Vue project

Camunda 7 Topics Discussion & Questions
1

Through this API：
https://docs.camunda.org/manual/7.15/reference/rest/process-definition/get-rendered-form/
I got the following data：

<form name="generatedForm" role="form">
  <div class="form-group">
    <label for="FormField_24i76u6">
      姓名
    </label>
    <input class="form-control" name="FormField_24i76u6" cam-variable-type="String" cam-variable-name="FormField_24i76u6" type="text" />
    <div ng-if="this.generatedForm.FormField_24i76u6.$invalid && this.generatedForm.FormField_24i76u6.$dirty" class="has-error">
      <div ng-show="this.generatedForm.FormField_24i76u6.$error.required" class="help-block">
        Required field
      </div>
      <div ng-show="this.generatedForm.FormField_24i76u6.$error.camVariableType" class="help-block">
        Only a string value is allowed
      </div>
    </div>
  </div>
</form>

I want to know how I can use this return data in Vue project

2

This is what I rendered in the project

1630720105(1)
1630720105(1)1920×832 65.2 KB

Are there relevant style files available? And in JS, how to get the data of the form

3