보뇨 다이어리

지금까지 무식하게 아래와 같이 컴포넌트를 업데이트했었다. 이건 돔을 직접적으로 조작하는것이다보니 모두 지양해야한다고하지만 좀더 다른방법이 없을까 찾아볼생각도 안했었다..ㅠ this.$forceUpdate(); 방법은 간단한데 업데이트되어야하는 컴포넌트의 :key 키값을 설정해주고 예를들어 updateHistoriesComponent 값을 업데이트시켜주는것이다. 즉 어떤 버튼이나 액션을 취했을때 this.updateHistoriesComponent++; 라던지 넣어주면된다! 출처 https://stackoverflow.com/questions/46211297/how-can-i-reload-a-vue-component

Vue 에서 전역으로 auth 체크하는 로직이 존재하는데 체크하는건 아래 메소드에서 진행하고 있다. 물론 다들 아시다시피 설명이 잘 되어있어서..ㅎㅎ; router.beforeEach(async function(to, from, next) { ...근데 페이지를 이동할때 next() 함수를 호출하는데 호출하면서 데이터를 어떻게 같이 보낼수있지? 찾아보다가 거의 한시간가량 삽질해본결과 전달할수있었다...ㅠ 예를들어서 회원정보 페이지를 보여줄때 대부분(나를 포함)은 created() 함수에서 axios등을 이용해서 데이터를 초기화할텐데 지금같은상황 그러니까 router.beforeEach 함수내에서 데이터를 초기화해야할때에는 next() 함수내에 객체를 보내야했다..가령 이런식으로 말이다 // 로직 처리후...