step 1,  I’ll create an issue to track the task, and split into multiple subtasks, such as flink、python and so on.
step 2,  I’ll define the architecture (include actions.js, dag.vue,formModel.vue,mutations.js, and state.js) and implement one of the tasks , such as http.vue.
step 3, Anyone who is interested in this, can reply to the issue and implement the rest of them, such as python.vue, Flink.vue and so on.

The main ideas for doing this are as follows:

1. Define a variable for cache in state.js, and also support the method in mutations.js and actions.js
2. Watch the global input in formModel.vue, when the value changes cache them, when the from initial fillback the previous values.
3. Implement each task form, just like http.vue,  python.vue and so on.  Define the cache params and watching theirs change