Vue2递归组件实现树形菜单

今天看了老长时间递归组件，官方给的教程太简便了，根本看不出到底怎么用。于是自己查网摸索了一下，这儿只把核心思想写出来。 效果如下图，点击后打开二级菜单，再点击后打开三级。 //js //引子 //思想：当v-if=‘false'时，循环时进行的。所以一开始就设置为false。 ggg:{ name:'gs', template:` <div> 　　<p click.stop='show=!show'>我是p标签</p> //这儿show必须要初始值为false，不然就是堆栈溢出，死循环。 　　 <gs v-if='show'></gs>