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 에서도 잘 동작합니다~
'웹 > Vue, React, Angular' 카테고리의 다른 글
| [Vue.js] <v-data-table> Rows per page 텍스트 및 내용 수정 + 바닥글 수정 방법 (0) | 2022.08.16 |
|---|---|
| [Vue.js] Vuetify + Node.js Express로 웹앱(SPA)을 제작중 입니다 (0) | 2022.08.04 |
| [Vue.js] 전체 화면 드래그 앤 드롭 구현 (FullScreen Drag and Drop) (0) | 2022.08.02 |
| [Vue.js] Notification(알림)을 구현하는 25가지 방법 (0) | 2022.08.01 |
