vue递归组件如何传递事件,vue组件传递方法

vue递归组件如何传递事件,vue组件传递方法,vue 如何使用递归组件

本文主要介绍vue如何使用递归组件来帮助你更好的理解和使用vue,完成开发需求。感兴趣的朋友可以了解一下。

有时我们使用次要标题。什么是二级标题?

我们来看看数据。

和这个类似的,数组里还有一个数组。有些人可能会说两个v-for是嵌套的,但在这里,我们希望它们具有相同的功能和相同的样式,因此使用递归组件是最佳选择。

递归组件:在组件的自身再调用组件的自身。

一般要给组件起一个名字,方便我们在使用递归组件时使用。如果我有孩子,我会把孩子作为列表发给自己,做一个递归循环。

至此,渲染完毕。

如果我再加一个孩子呢?像这样:

此时,您不必做任何事情,只需更改数据结构,并查看浏览器呈现的页面:

三级标题出来了,但是我们只修改了数据结构,模板哪里都没动。

这是递归组件的使用。只要孩子存在,他们就称自己。

如果用v-for写,可能要写一层循环。

tips 关于name的一些使用

每个组件中的名称值到底是用来做什么的?

1.当我们制作递归组件时,我们会使用它们。

2.在页面上,您想要取消某个页面的缓存,keep-alive exclude='xxname '

3.Vue的开发者调试工具会显示每个组件的名称,取决于这个名称。

据我所知,大概就是这些用途。当我发现新的用途时,我会更新它们。

这就是vue如何使用递归组件的细节。更多关于vue使用递归组件的信息,请关注我们的其他相关文章!

郑重声明:本文由网友发布,不代表盛行IT的观点,版权归原作者所有,仅为传播更多信息之目的,如有侵权请联系,我们将第一时间修改或删除,多谢。

留言与评论(共有 条评论)
   
验证码: