このページでは、プロキシを取得するためにgetCurrentInstance()を使用することがよくあります。これを行うには、メソッドをカプセル化することをお勧めします。
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>