UI — 正式使用递归菜单
最后更新于:2022-04-02 08:09:13
>[success] # 正式使用
~~~
1.上篇文章将这个菜单组件拆分成三个部分依次是:
1.1'a-menu.vue' 用来负责整菜单样式,因此不是我们递归目标
1.2'a-menu-item' 用来展示可以点击的菜单,根据下面数据分析
只要没有children的就展示即可因此也不是递归对象
1.3'a-submenu.vue' 是需要嵌套进'a-menu-item.vue' 因此整体需要递归
~~~
>[info] ## 使用和二次递归封装
~~~
1.根据上面分析所以需要把 上面1.3步骤进行重新的封装方便递归使用
~~~
>[danger] ##### 封装一个递归组件
~~~
{{ item.title }}
~~~
>[danger] ##### 使用
~~~
~~~
';
{{ parent.title }}