vue 如何使用递归组件
更新时间：2020年10月23日 10:09:25 作者：八宝君
这篇文章主要介绍了vue 如何使用递归组件，帮助大家更好的理解和使用vue，完成开发需求，感兴趣的朋友可以了解下
有的时候我们会使用二级标题，什么叫做二级标题？
先看看传过来的数据。
类似于这种，数组中还有一个数组，有的人可能会说那就用两个v-for嵌套使用啊，但是这里，我们想要它们是同样的功能，同样的样式，所以使用递归组件是最好的选择。
递归组件：在组件的自身再调用组件的自身。
组件一般要给个名字，方便我们使用递归组件的时候来使用，如果我自身有children，就把children当做list再传给自己，做一个递归的循环。
此时就渲染出来了。
如果我再增加一个children呢？像这样：
此时不用做任何事，只改变了数据结构，去看浏览器渲染的页面：
三级标题就出来了，而我们只修改了数据结构，模板处没有动任何地方。
这就是递归组件的使用，只要children存在，就调用自身。
如果用v-for来写，可能还要写一层循环。
tips 关于name的一些使用
每一个组件内的name值到底是做什么用的呢？
1. 当我们做递归组件会用到 2.在页面上想对某个页面取消缓存，keep-alive exclude="xxname" 3.Vue的开发者调试工具，会显示一个个组件名，取决于这个name
我目前所知大概就是这些用途了，以后发现了新的用途会再更新的。
以上就是vue 如何使用递归组件的详细内容，更多关于vue 使用递归组件的资料请关注脚本之家其它相关文章！
相关文章
这篇文章主要介绍了vue与django集成打包的实现方法,文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-11-11
这篇文章主要介绍了基于vue hash模式微信分享#号的解决，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2020-09-09
这篇文章主要介绍了如何使用vue实现跨域访问第三方http请求,本文通过实例代码给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧2024-03-03
这篇文章主要为大家详细介绍了Vue3如何结合pywebview实现获取本地文件夹的绝对路径,文中的示例代码讲解详细,感兴趣的小伙伴可以了解下2024-11-11
Vue 使用 Mint UI 实现左滑删除效果CellSwipe
这篇文章主要介绍了Vue 使用 Mint UI 实现左滑删除效果CellSwipe,非常不错，具有参考借鉴价值，需要的朋友可以参考下2018-04-04
这篇文章主要介绍了解决vue中less的使用问题,本文给大家介绍的非常详细，对大家的学习或工作具有一定的参考借鉴价值，需要的朋友可以参考下2021-11-11
vue中json格式化显示数据(vue-json-viewer)
这篇文章主要给大家介绍了关于vue中json格式化显示数据(vue-json-viewer)的相关资料,Vue-json-viewer是一个Vue组件,用于在Vue应用中显示JSON数据的可视化工具,需要的朋友可以参考下2024-05-05
Vite作为一个构建工具,提供了一种快速的方法来构建Vue应用,而Vue3 则是一个前端框架,提供了强大的功能来构建和管理前端项目,下面这篇文章主要给大家介绍了关于利用vite创建vue3项目的全过程及一个小BUG的相关资料,需要的朋友可以参考下2023-04-04
这篇文章主要介绍了vue使用urlEncode问题,具有很好的参考价值,希望对大家有所帮助,如有错误或未考虑完全的地方,望不吝赐教2024-03-03
下面小编就为大家分享一篇vue实现微信分享朋友圈,发送朋友的示例讲解，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2018-02-02
最新评论