Vue2和Vue3获取组件名称
Vue 获取组件名称
Vue2 获取组件名称
获取方式：this.$options.name
解读：通过 Vue2 的 this 关键字，可以很容易地访问 Vue 组件实例对象身上的 $options 的 name 属性来获取组件名称。
<script>
export default {
name: "Brand",
mounted() {
// Brand
console.log(this.$options.name)
}
}
</script>
.
Vue3 获取组件名称
获取方式：getCurrentInstance().type.__name
解读：Vue3 无法使用 this 关键字，但是官方提供了 getCurrentInstance() 方法来获取当前 Vue 组件实例对象，再通过 type 来获取 __name 组件名称。
<script setup>
import {getCurrentInstance, onMounted} from "vue"
onMounted(() => {
console.log(getCurrentInstance().type.__name)
})
</script>
.
⚠️ 其实通过 getCurrentInstance().ctx.$options.__name 也可以获取 Vue3 组件实例名称，但是比较复杂。
🥚 彩蛋：Vue3 获取组件的文件路径
获取方式：getCurrentInstance().type.__file
<script setup>
import {getCurrentInstance, onMounted} from "vue"
onMounted(() => {
console.log(getCurrentInstance().type.__file)
})
</script>
.
