Vue.js 递归组件实现树形菜单（实例分享）

最近看了 Vue.js 的递归组件，实现了一个最基本的树形菜单。

项目结构：

main.js 作为入口，很简单：

import Vue from 'vue'
Vue.config.debug = true
import main from './components/main.vue'
new Vue({
 el: '#app',
 render: h => h(main)
})

它引入了一个组件 main.vue：

该文件引入了树形组件 treeMenu.vue：

就这么简单。这篇文章还真没什么可写的，权当记录吧。

截图效果如下：

项目代码下载地址：http://xiazai.jb51.net/201612/yuanma/caihg-master_jb51.rar

 以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，同时也希望多多支持脚本之家！