1、组件的递归
在例程1中，组件的模板会插入自身组件，从而递归遍历访问list数组中的所有嵌套的元素。模板中的v-if指令用来设置递归结束条件，当list数组为空，就结束递归。
■ 例程1 recursive.html
通过浏览器访问recursive.html，会得到如图1所示的网页，list数组中的嵌套内容会以缩进对齐的方式一层层展示出来。
■ 图1 recursive.html的网页
精通Vue.js系列 │ 组件的递归
2022-12-29
85
版权
版权声明：
本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《
阿里云开发者社区用户服务协议》和
《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写
侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。
简介：
在一个组件的模板中，还可以嵌套自身组件，这样就构成了组件的递归。为了避免无限递归，需要设置递归的结束条件。
通过浏览器访问recursive.html，会得到如图1所示的网页，list数组中的嵌套内容会以缩进对齐的方式一层层展示出来。
目录
相关文章
|
2天前
|
JavaScript
前端开发
|
2天前
|
JavaScript
前端开发
容器
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
Vue 3 中 ＜transition-group＞ 组件报错的非 props 属性传递问题
12
1
1
|
2天前
|
移动开发
JavaScript
前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务显示历史信息组件的升级修改
6
1
1
|
2天前
|
移动开发
前端开发
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
ruoyi-nbcio-plus基于vue3的flowable的自定义业务撤回申请组件的升级修改
10
2
2
|
2天前
|
移动开发
前端开发
|
2天前
|
移动开发
前端开发
JavaScript
|
3天前
|
JavaScript
|
4天前
|
编译器
|
4天前
|
JavaScript
前端开发
IDE
|
4天前
|
JavaScript
热门文章
最新文章
1
想做JavaScript开发者，但不知道如何成长，来看看这个吧
2
JavaScript中的Prototypes
3
js弹出层/框 收集
4
JavaScript理解(转载)
5
SharePoint 2013 使用JavaScript对象模型配置智能提示
6
【转】javascript弹出固定大小的窗口页面
7
那些相见恨晚的 JavaScript 技巧
8
javascript 中的innerHTML的用法
9
运用JavaScript构建你的第一个Metro式应用程序（onWindows 8）（二）
10
Ext JS 4的倒数：程序员预览 Countdown to Ext JS 4: Developer Preview