vue3+ts 使用 getCurrentInstance

最新推荐文章于 2024-09-26 18:04:52 发布

置顶 Fx_cap

最新推荐文章于 2024-09-26 18:04:52 发布

阅读量2.6k

点赞数 3

分类专栏： vue3+ts 项目解决的问题文章标签：前端 typescript vue.js

本文链接：https://blog.csdn.net/m0_56274171/article/details/124302154

版权

vue3+ts 项目解决的问题专栏收录该内容

6 篇文章 0 订阅

订阅专栏

页面中经常使用 getCurrentInstance () 来获取 proxy ,不如封装一个方法搞定

创建 useCurrentInstance.ts 文件

import { ComponentInternalInstance, getCurrentInstance } from 'vue'
export default function useCurrentInstance() {
  const { appContext } = getCurrentInstance() as ComponentInternalInstance
  const proxy = appContext.config.globalProperties
  return {
    proxy
  }
}

组件内使用

<script lang="ts" setup>
import useCurrentInstance from "@/utils/useCurrentInstance";
const { proxy } = useCurrentInstance();
console.log(proxy);
</script>