标题：电商后台管理系统——商品分类

标题：电商后台管理系统——商品分类

A.创建子级路由
创建categories子级路由组件并设置路由规则
B.添加组件基本布局
在Cate.vue组件中添加面包屑导航以及卡片视图中的添加分类按钮

<template>
    <div>
        <h3>商品分类</h3>
        <!-- 面包屑导航 -->
        <el-breadcrumb separator="/">
            <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
            <el-breadcrumb-item>商品管理</el-breadcrumb-item>
            <el-breadcrumb-item>商品分类</el-breadcrumb-item>
        </el-breadcrumb>
        <!-- 卡片视图区域 -->
        <el-card>
            <!-- 添加分类按钮区域 -->
            <el-row>
                <el-col>
                    <el-button type="primary">添加分类</el-button>
                </el-col>
            </el-row>
            <!-- 分类表格  第三方table插件tree-table-->
            <!-- 分页 el-pagination-->
        </el-card>
        <!-- 添加分类的对话框 el-dialog-->
          <!-- 添加分类的表单 el-form -> el-form-item -> el-cascader级联选择器 -->
          <!-- span->按钮 -->
    </div>
</template>

C.请求分类数据
请求分类数据并将数据保存在data中

<script>
export default {
   
   
  data() {
   
   
    return {
   
   
      // 商品分类数据列表
      cateList: [],
      //查询分类数据的条件
      queryInfo: {