[vue] 组件中写name选项有什么作用？

写name选项的作用总共有三条，具体如下： 1, 项目使用 keep-alive 时，可搭配组件 name 进行缓存过滤 2, DOM 做递归组件时需要调用自身 name 3, Vue-devtools 调试工具里显示的组见名称是由 Vue 中组件 name 决定的 ...

1.当项目使用keep-alive时 移除keep-alive状态下组件自动缓存功能 我们在App.vue中使用了keep-alive导致我们第二次进入的时候页面不会重新请求ajax，因为mounted() 钩子函数只会执行一次。 有两个解决方案,一个增加activated()函数,每次进入新页面的时候再获取一次数据。 还有个方案就是在keep-alive中增加 exclud=“name”，移除选中页面的缓存 2.DOM做递归组件时 一个组件要用自己的时候，可以通过自己的名字来使用自己。 比如说d.

增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字 可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的 ...

增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字 可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的 ...

总结的很好

vue 面试题 组件中name的好处与作用

所谓的递归组件就是在组件中调用自身组件 在我们写项目的时候，一般后台返回给我的数据都是嵌套的，类似于下面这种： 而有的时候我们需要将二级列表或者三级列表全部显示在页面中，这个时候我们就可以使用递归组件了 在Detail组件中，我们引用了detail-list组件，并且传了个参数list， //Detail.vue <template> <div class="detail"...

组件写 name 有啥好处 增加 name 属性，可以实现组件递归调⽤自身，调用的时候用的就是 name 名字 可以表示组件的具体名称，⽅便调试和查找对应的组件 比如说 keep-alive 的 include 和 exclude 就是通过组件的 name 属性区分谁缓存谁不缓存的 ...

在Vue2和Vue3中，`name`选项的作用是一样的，都是用来给组件命名。它们都可以在开发者工具的调试时追踪组件层级，并且在一些插件和库中可能会使用到组件的名称。然而，在上述代码示例中，Vue2和Vue3的写法有所不同。在Vue2中，`name`属性直接定义在组件的导出对象中。而在Vue3中，通过`<script setup>`语法，我们可以在同一个`<script>`标签中同时编写组件的选项和逻辑。所以，尽管Vue2和Vue3中的`name`选项的作用是一样的，但是在写法上存在一些差异。

1.递归组件（递归组件是指组件自身调用自身）时会用到 2.取消缓存（exclude）时会用到 3.使用vue-devtools（https://github.com/vuejs/vue-devtools）时会用到 我们在写vue项目的时候会遇到给组件命名 这里的name非必选项，看起来好像没啥用处，但是实际上这里用处还挺多的 export default { name:...