首先我们要知道，既然是递归组件，那么一定要有一个结束的条件，否则就会使用组件循环引用，最终出现“max stack size exceeded”的错误，也就是栈溢出。那么，我们可以使用v-if="判断条件"作为递归组件的结束条件。当遇到v-if为false时，组件将不会再进行渲染 1. 准备 ...

递归组件就是在组件的模板中调用组件自身，需要设置一个条件，否则可能会无线循环下去 递归组件获取的数据：detail.json 组件模板： <script> 相关代码： 效果： ...

递归组件 什么是递归组件？ 组件自身去调用组件自身。 代码示例 DetailList.vue(子组件-递归组件) Detail.vue（父组件） 注意：父组件中的数据结构是二维数组。子组件调用自身之后，对于css样式 ...

1，bootstrap 创建项目 首先使用脚手架搭出项目基本框架，具体方法可以参考前面的文章。 1，执行命令创建项目：vue init webpack-simple vue-bootstrap 2，下载相关依赖：npm vue-bootstrap 3，启动项目：npm run dev ...

一、背景需求 在页面上渲染一个多级列表的时候，数据往往也具有多个层级 例如：数组的每个元素都是一个对象，对象中的value可能是一个数组 在这种情况下，使用多重循环的HTML代码效率并不高，而且会增加后期维护的成本 vue提供了一种更好的实现方式：即递归组件 二、递归组件的概念和使用 ...

案例结合递归+遍历实现二级导航 案例2： 结果： ...

HTML代码： View Code 效果图： ...

先来个简单的数据 上面的数据是个很简单的数据，一个数组，嵌套了3层，即id为1为祖，id为3为父，id为4位孙。 创建一个简单的单组件，list.vue，name属性为list 渲染结果为： 　　第一层 　　第二层 　　第三层 　　第一层 好像有点难分 ...