일단 Doit

고정 헤더 영역

글 제목

메뉴 레이어

일단 Doit

메뉴 리스트

  • 홈
  • 태그
  • 방명록
  • 분류 전체보기
    • Typescript
    • 최적화
    • Git
    • Vue
    • React
      • Router
      • typescript
      • TDD
      • Recoil
    • 경제

검색 레이어

일단 Doit

검색 영역

컨텐츠 검색

Debugger

  • Vue Component 쉽게 debug 하기

    2023.01.22 by 일단두잇

Vue Component 쉽게 debug 하기

Vue Component에서 해당 데이터를 확인하거나 함수를 Chrome에서 테스트 하고 싶을때, 바로 접근 할수가 없어서 테스트가 어려운 경우가 있다. debugger 코드를 사용할 수도 있지만, 간단하게 사용할 수 있는 방법도 있다. created(){ window.test = this } 이제 window 변수로 test가 생성되었으니 크롬 console에서 바로 접근이 가능하다. 변수, 함수, 라우터, vuex까지 모두 테스트 해보자. Doit 주의 : 단, 테스트 끝나고 반드시 지우자. window 전역 변수라 메모리에서 사라지지 않으며, 누구나 접근할 수 있다.

Vue 2023. 1. 22. 14:32

추가 정보

반응형

인기글

최신글

페이징

이전
1
다음
TISTORY
일단 Doit © Magazine Lab
페이스북 트위터 인스타그램 유투브 메일

티스토리툴바