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

• Z时代
• 2024-02-22
• 分类：IT

我有一个Main.vue组件" title="vue组件">vue组件：

<script setup>
const init = () => {
  console.log(this)  // 打印出来是undefined
  ...
}
init()
</script>
...

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

回答：

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

• 形如一些挂载到 app.config.globalProperties 上的全局属性或公共方法，通过 ESM 模块化管理更合适，在需要使用的地方 import 即可，不需要依赖 vue 的组件实例

回答：

别用组合式API的破语法就是了，跟2一样写

回答：

vue3的setup中可以使用getCurrentInstance()来获取当前实例
app.config.globalProperties.$fs = fsjs
这种方式不推荐，没有了tree shaking优化

以上是 vue3中组件为何不能使用this呢？ 的全部内容， 来源链接： utcz.com/p/933453.html