[Vue] Vue 2 버전에서 최신 Vue.js devtools 이 제대로 동작하지 않을 때

https://www.inflearn.com/course/Age-of-Vuejs/

Vue.js 시작하기 - Age of Vue.js - 인프런 | 강의

 

현재 인프런에서 위 강의를 보면서 Vue.js를 학습중인데 강의가 이전 강의라 Vue 2 버전을 사용합니다. 최신 Vue.js devtools 는 (Vue 전용 개발자 도구) Vue 3 용으로 업데이트 되서 Vue 2 버전에서 학습할 때 데이터나 컴포넌트들이 일부 제대로 표시되지 않는 경우가 있었습니다.

 

이를 해결하고 싶으시면 기존에 최신 Vue.js devtools 를 지우시고 아래 레거시 버전의 Vue.js devtools 를 설치 하시면 됩니다. (이름이 완전히 겹치고 하는 기능도 같아서 새 걸 지워주셔야 합니다.)

 

https://chrome.google.com/webstore/detail/vuejs-devtools/iaajmlceplecbljialhhkmedjlpdblhp/related

Vue.js devtools

(정확히는 확인 안해봤는데 제가 봤을땐 그냥 구버전 백업해두고 그걸 준 거 같습니다.)

 

결과적으론 Vue 2 에서도 잘 동작합니다~