[vue3] 전역 변수 설정

globalProperties

• Optaion API
  • 전역 변수 설정후 컴포넌트에서 this 키워드로 접근

// mian.js ===
app.config.globalProperties.$useI18n = i18n

// component.js ===
this.$useI18n

• Composition API 에서는 추가 작업 필요
  • setup 스크립트에서 this 키워드 사용 불가
  • getCurrentInstance 로 사용 가능
    • 공식 문서 사라짐... 안쓰는게 좋을 듯함

// getCurrentInstance === ===

// mian.js ===
app.config.globalProperties.$useI18n = i18n

// component.js ===
const instance = getCurrentInstance()
const i18n = instance.appContext.config.globalProperties.$useI18n
const { t } = i18n.global


// provide/inject === ===

provide inject

• globalProperties 를 대신해 사용할 수 있는 전역 변수 설정

// mian.js ===
app.provide('globalVar', globalVar)

// 반응형 값을 등록 해두면 자동으로 전역 변수가 변경
app.provide('globalVar', ref(globalVar))


// component.js ===
const globalVar = inject("globalVar");