Vuex에서 Vue 인스턴스에 액세스하기: 단계별 가이드

Question

Vue.js 프로젝트의 main.js에서 전역 변수를 선언했습니다.

으아아아

어디서나 사용하고 싶어요. this.$API를 사용하면 잘 작동합니다.

하지만 Vuex에서는 작동하지 않습니다.

으아아아

여기 this.$API는 정의되지 않았습니다.

Vuex에서 $API를 어떻게 사용하나요?

Answer 1

저는 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에.

Answer 2

Vue 2 및 Vuex 3 답변

vue 인스턴스는 this._vm

에 액세스하여 스토어에서 액세스할 수 있습니다. 으아악