Vue3 setup下定义组件名称

今天在做项目的时候用keepAlive，突然想到要includes组件名，然后发现setup下官方也没有给出如何定义组件名称。
最后在vue3.3更新里发现defineOptions这个好东西，于是记录一下。

实现方式：

<script setup>
import { defineOptions } from "vue";
// 命名，方便keepAlive识别
defineOptions({
  name: "myComponentName", // 这里改成自己的组件名
})
</script>

defineOptions功能很强大，其他功能参考官方文档：https://cn.vuejs.org/api/sfc-script-setup.html#defineoptions

Vue3.3前设定组件名称:

笨方法：使用单独的<script>块

<script>
  export default {
    name: "myComponentName", // 这里改成自己的组件名
  }
</script>

<script setup>
  /* 其他代码 */
</script>