vue个人页如何可以自定义添加card

前端框架：Ant Design Vue
需求：我想给登录用户设置一个可以自我规划的以card形式添加系统内页面的功能，应该如何实现？
具体样式大致如下：

首先你的card肯定是个数组

数据的格式大概是这样的

export default {
  data() {
    return {
      list: [
        {name: '二级菜单1'},
        {name: '二级菜单2'},
      ]
    }
  }
}

添加菜单的时候只需要向这个数组push一个节点
this.list.push({name: '二级菜单3'})

card动态循环 出来的 ，新增时 改变数组 就行

本项目中路由应该是默认全部添加，而不是动态添加，可以将全部路由对应页面作为一个select选项列表，新增card即选中select中一项，同时在sider（侧边菜单）增加对应的一项