本文主要介绍vue如何使用递归组件来帮助你更好的理解和使用vue,完成开发需求。感兴趣的朋友可以了解一下。
有时我们使用次要标题。什么是二级标题?
我们来看看数据。
和这个类似的,数组里还有一个数组。有些人可能会说两个v-for是嵌套的,但在这里,我们希望它们具有相同的功能和相同的样式,因此使用递归组件是最佳选择。
递归组件:在组件的自身再调用组件的自身。
一般要给组件起一个名字,方便我们在使用递归组件时使用。如果我有孩子,我会把孩子作为列表发给自己,做一个递归循环。
至此,渲染完毕。
如果我再加一个孩子呢?像这样:
此时,您不必做任何事情,只需更改数据结构,并查看浏览器呈现的页面:
三级标题出来了,但是我们只修改了数据结构,模板哪里都没动。
这是递归组件的使用。只要孩子存在,他们就称自己。
如果用v-for写,可能要写一层循环。
tips 关于name的一些使用
每个组件中的名称值到底是用来做什么的?
1.当我们制作递归组件时,我们会使用它们。
2.在页面上,您想要取消某个页面的缓存,keep-alive exclude=xxname
3.Vue的开发者调试工具会显示每个组件的名称,取决于这个名称。
据我所知,大概就是这些用途。当我发现新的用途时,我会更新它们。
这就是vue如何使用递归组件的细节。更多关于vue使用递归组件的信息,请关注我们的其他相关文章!