Vue在开发中遇到组件自己调用自己的问题，因为不确定dom具体有多少层，所以只能用递归的方式去渲染页面，网上查了有用render函数的，然后return出去，我用的是另一种就是直接调用
允许组件模板递归地调用自身。注意，组件在全局用 Vue.component() 注册时，全局 ID 自动作为组件的 name。
指定 name 选项的另一个好处是便于调试。有名字的组件有更友好的警告信息。另外，当在有 vue-devtools，未命名组件将显示成 <AnonymousComponent>，这很没有语义。通过提供 name 选项，可以获得更有语义信息的组件树。
我们知道使用 vue-cli 每创建一个组件的时候，在导出对象中就会自动生成一个name 属性，如果我们想要在该组件中嵌套本身，那么直接就可以在模板中使用name属性值 递归调用自身
例如：当我们创建一个组件 sideItem 时，会自动生成:name:"custom-list",递归调用自身如下：
父组件调用如下
image
子组件调用（看图中箭头）
image
本文参考 https://blog.csdn.net/lhjuejiang/article/details/82116612
网友评论