<template>
  <WorkExperience v-if="this.showExperience"></WorkExperience>
  <BasicInfo v-if="this.showBasic"></BasicInfo>
  <ConvertPwd v-if="this.showPwd"></ConvertPwd>
  <MyComment v-if="this.showComment"></MyComment>
  <PostStatus v-if="this.showStatus"></PostStatus>
  <MyOrder v-if="this.showOrder"></MyOrder>
</template>

<script>
import { mapState } from "vuex";
import BasicInfo from "./BasicInfo";
import WorkExperience from "./WorkExperience";
import ConvertPwd from "./ConvertPwd";
import MyComment from "./MyComment";
import PostStatus from "./PostStatus";
import MyOrder from "./MyOrder";
export default {
  name: "PerRight",
  components: {
    MyComment,
    BasicInfo,
    WorkExperience,
    ConvertPwd,
    PostStatus,
    MyOrder,
  },
  computed: {
    ...mapState("PerCent", [
      "showBasic",
      "showExperience",
      "showPwd",
      "showComment",
      "showStatus",
      "showOrder",
    ]),
  },
  methods: {},
};
</script>

<style scoped></style>
