chrome에 Vue.js devtools를 찾아 설치
localhost:8080에서 사이트 미리보기 할 때 개발자도구에 뷰 메뉴가 보이는데
이걸 누르면
왼쪽은 무슨 컴포넌트 안에 무슨컴포넌트가 있는지
DOM트리 처럼 구조화해 보여주며
오른쪽은 선택한 컴포넌트안에 data, vuex state, props목록을 보여주며
이 데이터들이 변하는 것도 확인할 수 있고 props도 확인해볼 수 있어서 더 쉬운 디버깅이 가능한 유용한 툴이다.
또한 이런 버튼들을 제공한다.
ㅡㅡㅡ