How to use the vant.CellGroup.name function in vant

Cell,
  CellGroup,
  Swipe,
  Toast,
  SwipeItem,
  GoodsAction,
  GoodsActionBigBtn,
  GoodsActionMiniBtn
} from "vant";
export default {
  components: {
    [Tag.name]: Tag,
    [Col.name]: Col,
    [Icon.name]: Icon,
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Swipe.name]: Swipe,
    [SwipeItem.name]: SwipeItem,
    [GoodsAction.name]: GoodsAction,
    [GoodsActionBigBtn.name]: GoodsActionBigBtn,
    [GoodsActionMiniBtn.name]: GoodsActionMiniBtn
  },

  data() {
    return {
      goods: this.$route.query.item,
      showIndicators: true,
      true: true,
      value: 1,
      token: JSON.parse(window.sessionStorage.userInfo).token
      // userInfo: window.sessionStorage.userInfo
    };

name: this.$t("m.meta.member.name"),
                    content: this.$t("m.meta.member.content")
                }
            ]
        };
    },
    data() {
        return {};
    },
    computed: {
        ...mapGetters(["user"])
    },
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup
    },
    mounted() {
        console.log("金如意");
    },
    methods: {
        onInfo() {
            this.$store.state.user.user ? this.$router.push("./info") : this.toLogin();
        },
        toOrder() {
            if (this.$store.state.user.user) {
                this.setOrderStatus("paying");
                this.$router.push("./order");
            } else {
                this.toLogin();
            }
        },

<style lang="scss"></style>

name: this.$t("m.meta.login.name"),
                    content: this.$t("m.meta.login.content")
                }
            ]
        };
    },
    data() {
        return {
            userAccount: "guest",
            userPasswd: "guest"
        };
    },
    components: {
        [NavBar.name]: NavBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [Toast.name]: Toast,
        [Button.name]: Button,
        [Field.name]: Field
    },
    mounted() {},
    methods: {
        async onLogin() {
            const userAccountEmpty = strategies.isNonEmpty(this.userAccount, this.$t("m.strategies.name"));
            const userPasswdLength = strategies.isNonEmpty(this.userPasswd, 4, this.$t("m.strategies.pwdLenth"));
            const result = userAccountEmpty || userPasswdLength;
            if (result) {
                Toast({
                    message: result,
                    position: "bottom"
                });
            } else {

allCoach: 0,
            havePage: false,
            productId: [],
            addressData: [],
            orderData: [],
            addressInfo: {}
        };
    },
    components: {
        [NavBar.name]: NavBar,
        [Dialog.name]: Dialog,
        [Popup.name]: Popup,
        [Card.name]: Card,
        [SubmitBar.name]: SubmitBar,
        [Cell.name]: Cell,
        [CellGroup.name]: CellGroup,
        [ContactList.name]: ContactList,
        [Toast.name]: Toast
    },
    computed: {
        cardType() {
            return this.chosenContactId !== null ? "edit" : "add";
        },

        currentContact() {
            const id = this.chosenContactId;
            return id !== null ? this.list.filter(item => item.id === id)[0] : {};
        },
        ...mapGetters(["this.$store.state.orders", "this.$store.state.address", "this.$store.state.addressStatus"])
    },
    created() {},
    mounted() {

<style lang="scss"></style>

leftOver: true,
      isShowArrow: itemsLen > col
    };
  },
  methods: {
    scrollMore(obj) {
      this.rightOver = !obj.isLeftOver;
      this.leftOver = !obj.isRightOver;
    }
  },
  directives: {
    scrollArrow
  },
  components: {
    [Cell.name]: Cell,
    [CellGroup.name]: CellGroup,
    [Icon.name]: Icon,
    [ItemCardVert.name]: ItemCardVert,
    [ItemCardHori.name]: ItemCardHori
  }
};