VUE: Imgs에 글로벌 변수 사용

VUE: Imgs에 글로벌 변수 사용

1. 이미지가 Firebase Data에 JPG로 저장됨
2. Vue에 있는 Main.js의 글로벌 변수에 저장된 이미지
3. 위에 있는 구성요소가 있다.
4. Main.js에서 데이터를 가져와 클라이언트 헤더에서 사용하려고 함

업로드된 이미지가 전역으로 저장되는 내 Main.js 사진

<b-form inline>
          <router-link to ="/profilePage" class="btn my-2 my-sm-0 dropdownTxt">
            <img :src="ClientHeaderImage" id="smallProfileImg">&nbsp;&nbsp;</router-link>
          <b-dropdown id="ddown1__BV_toggle_1234" 
                      style="font-size:1.5em;"
                      text="Profile">
            <b-dropdown-item>
              <router-link to ="/jobFeedPage" class="btn my-2 my-sm-0" dropdownTxt>Internships</router-link></b-dropdown-item>
            <b-dropdown-item>
              <router-link to ="/profilePage" class="btn my-2 my-sm-0 dropdownTxt">Profile</router-link></b-dropdown-item>
            <b-dropdown-item>
              <router-link to ="/internHomePage" class="btn my-2 my-sm-0 dropdownTxt">Search</router-link></b-dropdown-item>
            <b-dropdown-item>
              <button class="btn my-2 my-sm-0 dropdownTxt" @click="logout">Logout</button></b-dropdown-item>

 methods: {
data: function () {
  ClientHeaderImage: this.store.uploadedImage;
},

This.store.uploadedImage가 저장소에서 내 Firebase 이미지를 꺼내는 중

콘솔을 보면.이게 내 콘솔이 보이는 거야.로그

누군가 이것을 내 HTML 템플릿에 표시하는 것을 도와줄 수 있는가?

참조URL: https://stackoverflow.com/questions/54935899/vue-using-global-variable-for-imgs