Vue vs 상태에서 글로벌 변수 생성

Vue vs 상태에서 글로벌 변수 생성

Vue에서 글로벌 변수를 생성하는 가장 좋은 방법은 무엇입니까?Vuex를 사용하기 위한 건가요?

다음과 같이 Vuex 상태에 액세스할 수 있습니다.

{{ store.$state.myvar }}

이거 좀 지저분한데?저는 다음 일을 하고 싶습니다.

{{ myvar }}

이게 가능합니까?

컴포넌트에 계산 속성을 추가합니다.

computed: {
   myVar: {
      get() { return this.$store.state.myVar; },
      set(value) { this.$store.commit('updateMyVar', value); }
   },
}

이를 통해 컴포넌트의 다른 속성처럼 사용할 수 있습니다.

네가 원하는 건 뭐든지 할 수 있어.당신은 "모든 것을 위한 장소가 있고 모든 것이 제자리에 있다"고 당신의 상태를 정리하려고 노력해야 합니다.

물론 Vue에서 글로벌 변수를 생성하고 참조할 수 있습니다.할 수 있다var myVar = store.$state.myvarVuex의 var에 대한 글로벌 에일리어스가 있습니다.하지만 Vuex를 사용하기로 선택했다면 그 선택을 따라야 합니다.글로벌 상태에서 에일리어스를 작성하면 순식간에 충돌과 혼란이 발생합니다.Vue는 Elm에서 영감을 받은 막연한 MVVM입니다.인터페이스 컴포넌트에서 상태를 분리해야 합니다.이로 인해 상태 항목의 참조 경로가 길어질 수 있지만, 그 결과는 충분히 가치가 있습니다.여러분이 모든 곳에서 상태의 작은 부분을 동기화하고 공유할 필요는 없습니다.그게 질문에 대한 답이 되나요?

언급URL : https://stackoverflow.com/questions/51443131/creating-global-variables-in-vue-vs-state