name的作用：

1 在使用keep-alive的时候name可以用于过滤组件的作用

<div id="app"> 
  <keep-alive exclude="Home">
    <router-view/>
  </keep-alive>
</div>

2递归组件，组件调用自己

<template>
  <ul>
    <li v-for="(item,index) in menuData" :key="index">
      <p>{
  {item.name}}</p>
      <TreeMenu :menuData="item.children"></TreeMenu>
    </li>
  </ul>
</template>
<script>
export default {
  name: 'TreeMenu',
  props: { menuData: Array }
}
</script>

vue3中name的几种写法

1 有setup函数的写法

<script>
  export default {
    name: 'xxx',
    setup(){
		return {}
	},
  }
</script>

2在setup语法糖的写法

（这里如果使用的不是j