vue动态路由数据结构问题。

这是router底下的js文件

这是layout里面的vue文件

<template>
  <scroll-bar>
    <el-menu
      mode="vertical"
      :show-timeout="200"
      :default-active="$route.path"
      :collapse="isCollapse"
      background-color="#304156"
      text-color="#bfcbd9"
      active-text-color="#409EFF"
    >
      <sidebar-item :routes="menus"></sidebar-item>
    </el-menu>
  </scroll-bar>
</template>

<script>
import { mapGetters } from "vuex";
import SidebarItem from "./SidebarItem";
import ScrollBar from "@/components/ScrollBar";
import { findPermissions } from "@/api/permission";

export default {
  data() {
    return {
      menus: [],
    };
  },

  created() {
    this.getData();
  },
  methods: {
    getData() {
      //var response = {"code":200,"msg":"操作成功","data":[{"id":"18","title":"首页统计","state":null,"checked":false,"meta":{"icon":"index","url":"/home"},"children":[],"parentId":"0","hasParent":false,"hasChildren":false},{"id":"1","title":"商品管理","state":null,"checked":false,"meta":{"icon":"codeConsole","url":"/pms"},"children":[{"id":"2","title":"商品列表","state":null,"checked":false,"meta":{"icon":"product-list","url":"product"},"children":[],"parentId":"1","hasParent":true,"hasChildren":false},{"id":"508","title":"门店管理列表","state":null,"checked":false,"meta":{"icon":"gonggao","url":"ecBrand"},"children":[],"parentId":"1","hasParent":true,"hasChildren":false},{"id":"4","title":"商品分类","state":null,"checked":false,"meta":{"icon":"product-cate","url":"productCate"},"children":[],"parentId":"1","hasParent":true,"hasChildren":false},{"id":"5","title":"商品类型","state":null,"checked":false,"meta":{"icon":"product-list","url":"productAttr"},"children":[],"parentId":"1","hasParent":true,"hasChildren":false},{"id":"6","title":"品牌管理","state":null,"checked":false,"meta":{"icon":"product-brand","url":"brand"}]}
      let response = {
        code: 200,
        msg: "操作成功",
        data: [
          {
            id: "18",
            title: "首页统计",
            state: null,
            checked: false,
            meta: {
              icon: "index",
              url: "/home",
            },
            children: [
              {
                id: "233",
                title: "首页统计",
                state: null,
                checked: false,
                meta: {
                  icon: "product-cate",
                  url: "home",
                },
                parentId: "18",
                hasParent: true,
                hasChildren: false,
              },
            ],
          },
            //客户管理
          {
            id: "555",
            title: "客户管理",
            state: null,
            checked: false,
            meta: {
              icon: "product-cate",
              url: "/customer",
            },
            children: [
               // 客户管理
              {
                id: "668",
                title: "客户管理",
                state: null,
                checked: false,
                meta: {
                  icon: "product-comment",
                  url: "customerManage",
                },
                children: [],
                parentId: "555",
                hasParent: true,
                hasChildren: false,
              },
                  // 客户分类
              {
                id: "667",
                title: "客户分类",
                state: null,
                checked: false,
                meta: {
                  icon: "product-comment",
                  url: "customerType",
                },
                children: [],
                parentId: "555",
                hasParent: true,
                hasChildren: false,
              },

目前要实现动态路由，需要给后台组好现有路由的数据，我这两个页面的数据应该怎么整理，求详细解释