You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

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(
相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.05.11 07:24:13