Vue 구성 요소가 App.vue의 변수에 액세스할 수 있나요?

Question

Vue.js에 앱이 있고 그 안에 다음과 같은 App.vue가 있습니다.

으아악

어떻게든 다른 구성 요소에서 사용자 변수에 액세스할 수 있나요? 성공적으로 내보내고 가져오려면 어떻게 해야 합니까?

Answer 1

4. $root.someVariable

Vue 2에서 작동하지만 3에서는 테스트되지 않았습니다.

Answer 2

할 수 있는 일:

1. prop로 전달하세요.
   • 참고: 하위 구성 요소에서 변경하려면 루트에 업데이트하라고 지시하는 이벤트를 발생해야 합니다. 자손에게 직접적으로 돌연변이를 일으키려고 하지 마십시오.
2. 사용 제공/주입
3. 이동 用户을 Vuex 또는 Pinia
과 같은 공유 상태 솔루션으로