vue3中组件为何不能使用this呢?

作者站长头像
站长
· 阅读数 10

我有一个Main.vue组件:

<script setup>

const init = () => {

  console.log(this)  // 打印出来是undefined
  ...
}

init()
</script>
...

vue3中组件为何不能使用this呢?

回复
1个回答
avatar
test
2024-07-13

vue3 组合式api中不支持对组件实例的访问,只能在 options api 中访问 this。

  • 形如一些挂载到 app.config.globalProperties 上的全局属性或公共方法,通过 ESM 模块化管理更合适,在需要使用的地方 import 即可,不需要依赖 vue 的组件实例
回复
likes
适合作为回答的
  • 经过验证的有效解决办法
  • 自己的经验指引,对解决问题有帮助
  • 遵循 Markdown 语法排版,代码语义正确
不该作为回答的
  • 询问内容细节或回复楼层
  • 与题目无关的内容
  • “赞”“顶”“同问”“看手册”“解决了没”等毫无意义的内容