Vue 인스턴스 프로퍼티 추가하기
| topics | 200-프론트개발 202 Vue.js |
| types | 레퍼런스 |
| tags | #vue #plugin #instance |
Vue 인스턴스 프로퍼티 추가하기
전역적으로 사용할 수 있는 인스턴스 프로퍼티를 추가하는 방법
참고 자료
https://v2.ko.vuejs.org/v2/cookbook/adding-instance-properties.html
https://ko.vuejs.org/guide/reusability/plugins
사용 방법
Vue 플러그인을 통해 인스턴스 프로퍼티를 전역적으로 추가할 수 있다.
Vue 2
// Vue 2에서는 prototype에 추가
Vue.prototype.$myProperty = 'something'
Vue 3
// Vue 3에서는 globalProperties 사용
app.config.globalProperties.$myProperty = 'something'
활용 사례
- API 클라이언트 주입
- 공통 유틸리티 함수
- 전역 상수
플러그인 시스템을 통해 재사용 가능한 기능을 만들 수 있다.