Vue.js 프로젝트의 main.js에서 전역 변수를 선언했습니다.
main.js
어디서나 사용하고 싶어요. this.$API를 사용하면 잘 작동합니다.
this.$API
하지만 Vuex에서는 작동하지 않습니다.
여기 this.$API는 정의되지 않았습니다.
Vuex에서 $API를 어떻게 사용하나요?
$API
저는 Vue 3과 Vue.prototype.$foo 似乎已在此版本中删除。我还发现在我的 VueX 版本中没有 this._vm를 사용하고 있습니다.
Vue.prototype.$foo
this._vm
Vue 3 문서에서 제공하는 Provide/Inject 메소드를 살펴보았습니다. 이는 내 구성 요소 내에서 전역 변수에 액세스하는 데 효과적이지만 저장소 내에서는 액세스할 수 없습니다.
제가 찾고 있는 해결책은 Vue의 globalProperties store에서 객체 및 표준 속성을 사용하고 앱을 설치하기 전에 설정하는 것입니다.
store
main.js:
이 점이 마음에 드는 점은 저장소와 구성 요소에서 동일한 방식으로 전역 변수에 액세스할 수 있다는 것입니다.
구성 요소:
...작업, 돌연변이 및 게터를 통해 동일한 방식으로 this.$conf.API_URL에 액세스할 수 있습니다.
this.$conf.API_URL
이 솔루션을 찾으면 더 이상 스토어 내에서 전체 Vue 인스턴스에 액세스할 필요가 없지만 어떤 이유로든 필요한 경우 store.$app = app; store.$app = app;在 main.js에.
store.$app = app
Vue 2 및 Vuex 3 답변
vue 인스턴스는 this._vm
저는 Vue 3과
Vue.prototype.$foo
似乎已在此版本中删除。我还发现在我的 VueX 版本中没有this._vm
를 사용하고 있습니다.Vue 3 문서에서 제공하는 Provide/Inject 메소드를 살펴보았습니다. 이는 내 구성 요소 내에서 전역 변수에 액세스하는 데 효과적이지만 저장소 내에서는 액세스할 수 없습니다.
제가 찾고 있는 해결책은 Vue의 globalProperties
store
에서 객체 및 표준 속성을 사용하고 앱을 설치하기 전에 설정하는 것입니다.
으아아아main.js
:이 점이 마음에 드는 점은 저장소와 구성 요소에서 동일한 방식으로 전역 변수에 액세스할 수 있다는 것입니다.
구성 요소:
으아아아...작업, 돌연변이 및 게터를 통해 동일한 방식으로
this.$conf.API_URL
에 액세스할 수 있습니다.이 솔루션을 찾으면 더 이상 스토어 내에서 전체 Vue 인스턴스에 액세스할 필요가 없지만 어떤 이유로든 필요한 경우
store.$app = app
;store.$app = app
;在main.js
에.Vue 2 및 Vuex 3 답변
vue 인스턴스는
에 액세스하여 스토어에서 액세스할 수 있습니다. 으아악this._vm