VUE-动态渲染导航菜单

上一篇我们说到的是暂时的简易版的登陆拦截,接下来继续.想要实现一个完整的后台系统,让用户清晰的看到自己想要使用的模块非常重要,而是用vue的目的就是使导航和菜单都可以使用数据绑定的模式进行动态的渲染,便于后期模块变化,只需在后台数据进行修改,而不必要在前端大量的修改代码,增加前端的工作量.

这是横向的主导航也就是一级菜单,类似这种销售系统菜单是通过后台数据进行的渲染.
这个是竖向的二级菜单,当然根据后台传过来的菜单结构结合iview也可以渲染到三级菜单.
因为目前还在修改自己的工程目录,所以暂时先说一下我们这个导航菜单写在index.vue中,这里只展示内容和思路,构建工程目录的话可以自行百度.