Vue.js 3.0如何获取当前组件名称?Vue2可通过this.$options.name获取
嘿,这个问题我太熟悉了!Vue 3里获取组件名称的方式得看你用的是哪种API风格,我给你拆成两种场景讲清楚:
选项式API场景
如果你还在使用Vue 2风格的选项式API(也就是不用<script setup>的写法),其实和Vue 2的方式几乎一样——在组件的钩子或方法里直接用this.$options.name就能拿到组件名称。举个例子:
export default { name: 'UserProfile', mounted() { console.log('当前组件名称:', this.$options.name) // 输出 "UserProfile" } }
完全不用改习惯,是不是很省心?
组合式API(
相关产品推荐
相关产品推荐

