VUE에서 전역 변수를 정의 및 사용

VUE에서 전역 변수를 정의 및 사용

---

1. 문제의 두 가지 유형이 직장에서 발생

---

1.1 상태 값 (플래그)

기록 상태 (플래그)가 여러 다른 인터페이스를 사용하도록으로하는 인터페이스 변수 값을 할당. 여러 다른 인터페이스는 상태 값을 변경할 수 있습니다.

필드 1.2 합격

인터페이스는 B가 인터페이스의 필드 아닌, 필드 A를 가지고 있지만 필드를 호출 할 필요가있다.

2. 솔루션

---

2.1 VUEX

VUEX 관리 상태 필드 값을 사용하지만, 과잉의 느낌, 약간 눈에 띄는 약간 무거운 있습니다.

글로벌 변수 State 필드의 값을 사용하여 2.2 관리 방법

가볍고 간단합니다.
따라서, 본 연구는 두 가지 문제가 제기 한 해결 전역 변수 방법을 사용

3. 실현

---

3.1 글로벌 파일 만들기

도구 폴더에서 glabal_val.js를 만들

다음과 같이 3.2 방법은 전역 변수를 생성하고 전역 변수 설정은 다음과 같습니다

export default{
  sso_flag:"0",
  set_sso_lag(sso_flag){
     this.sso_flag = sso_flag;
  }
}

3.3 데이터 가져 오기 (전역 변수)

import global from '@/utils/global_val'

인터페이스 상태 비트 3.4 전역 변수

global.set_sso_lag(1)

상기 B 인터페이스 3.5 판단

VUE DOM 인터페이스 태그 V-경우, V-다른-IF 명령 판정 로직과 함께 B

<div v-if="global.sso_flag==0">

</div>
<div v-else-if="global.sso_flag==1">

</div>