[해결완료] 4. vue props를 data에 할당하는 방법

목적

프로필 수정 페이지를 생성할 때는 사용자 정보가 필요하다.
따라서 사용자 정보를 하위 컴포넌트에서 사용하기 위해서 
props를 data에 할당하고 값을 변경해야 했다.

시도1.

props: { user: Object } 데이터를

data: function () { return userInfo: this.user }
요렇게 할당한다?

틀렸지롱
JavaScript의 동기? 비동기?적인 특성 때문에 요 부분은 처리가 되지 않고 넘어감.

시도2.

아하
그렇담
mapState를 불러오자!
음,,,, mapState를 불러와서 값을 변경하기 위해서는
mapActions가 필요했다

그냥 props를 쓰자!

( 여기까지 대략 3시간 소요 )

정답

created: function () {
    this.userInfo = this.user
  }

데이터가 잘 들어오지 않는다면
mounted 혹은 created로 따로 빼주기!

---

뭔가 험난한 과정과 고뇌가 있었지만
글로 쓰려니 요로코롬 간단해졌다

해당 에러를 해결하고
드디어 api에 연결했는데!!
500에러와 405에러가 계속 떴다

그 이유는 headers를 홀랑 빼먹었기 때무니다 🙄
12시 요정이 1시에 취침하게 되었다 😪