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

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

<style scoped></style>
