Vue.js 递归组件实现树形菜单
main.js 作为入口:
import Vue from 'vue'import main from './components/main.vue' new Vue({ el: '#app', render: h => h(main)})
它引入了一个组件 main.vue:
subMenuData1, subMenuData2 存放子菜单数据,可以从服务器获取,以实现动态加载。
该文件引入了树形组件 treeMenu.vue:
采用路由的重定向即可