proginn-frontend/pages/frontend/skill_cert/profile.vue

<template>
  <div class="container">
    <resume_one v-if="form.step==1 || form.step==5" />
    <resume_two v-if="form.step==2" />
    <resume_three v-if="form.step==3" />
    <resume_fourth v-if="form.step==4" />
  </div>
</template>

<script>
  import resume_one from "./add";
  import resume_two from "./resume_improve";
  import resume_three from "./ready_interview";
  import resume_fourth from "./start_interview";

  export default {
    name: "profile",
    components: {
      resume_one,resume_two,resume_three,resume_fourth
    },
    data() {
      return {
        form: {},
      };
    },
    methods: {
      async getDetail() {
        let res = await this.$axios.$post(`/uapi/cert/info`);
        res.data.step = 2
        this.form = res.data;
      },
      set_step(step)
      {
        this.form.step=step;
      }
    },
    async mounted() {
      await this.getDetail();
    }
  }
</script>
<style lang="scss" scoped>
  .container {
    display: flex;
    flex-direction: column;
    width: 100%;
    max-width: 1100px;
    margin: 10px auto;
    background: #ffffff;
    border-radius: 10px;
    box-sizing: border-box;
  }
</style>