VUE动态渲染导航菜单（包含一级二级）

1、数据结构

export default {
  data() {
    return {
      username: "",
      list: [
        {
          name:'首页',
          icon:'el-icon-s-home',
          url:'/'
        },
        {
          name:'数据分析',
          icon:'el-icon-s-data',
          url:'/data'
        },

        {
          name: "安全管理",
           icon: "el-icon-s-marketing",
          children: [
            {
              url: "/safe",
              name: "安全问题统计",
            },
          ],
        },
        {
          name: "用户管理",
          children: [
            {
              url: "/rule",
              icon: "el-icon-s-unfold",
              name: "权限管理",
            },
                        {
              url: "/user",
              icon: "el-icon-s-unfold",
              name: "用户管理",
            },