13.动态渲染侧边栏

为什么要动态渲染？

比如我们现在需要以下侧边栏的数据：

 如果一个个的去写标签会很麻烦，发现导航栏中的数据分为两类，一类是一级导航，另一位是二级导航（有子页），因此直接写两个函数判断是否有子页，然后循环遍历所有的menudata(上图），直接显示

上图中的代码可以把这几个导航一级页全部展示出来，

完整的代码CommonAside

重要部分：

        
        
       
        
        
        
        {{item.label}}
      

    computed:{
      //无子菜单
      noChildren() {
        return  this.menuData.filter(item => !item.children)
      },
      //有子菜单
      hasChildren() {
        this.menuData.filter(item => item.children)
      }
    },