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


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

 

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

Vue.js로 쉽게 웹 개발할 수 있도록 기본 개념과 핵심 기능에 대해서 학습하고 구현해봅니다. 강좌를 들으시고 나면 Vue.js로 프런트엔드 개발을 하시는게 재밌어질거에요., - 강의 소개 | 인프런...

www.inflearn.com

 

현재 인프런에서 위 강의를 보면서 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

Chrome and Firefox DevTools extension for debugging Vue.js applications.

chrome.google.com

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

 

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

COMMENT WRITE