最近看了 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:
{{ model.menuName }}
就这么简单。这篇文章还真没什么可写的,权当记录吧。
截图效果如下:
项目代码下载地址:http://xiazai.jb51.net/201612/yuanma/caihg-master_jb51.rar
以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,同时也希望多多支持!