[electron+vue] 라우팅_key의 역할

📌electron+vue 프로젝트

  • <router-view> 태그에 key 값은 (:key = “$route.query.mode”)는 mode 값이 바뀔때마다 완전히 새로 렌더링이 됨
    → key 값이 바뀌면 vue는 기존 컴포넌트 제거하고 새로 생성 됨
  • iframe을 사용해서 프로젝트 두개 생성시 라우팅은 부모에서 관리했을떄
    컴포넌트명이 동일하면 라우팅이 정확히 이루어지지 않을 수 있음
    -> 그럴떈 키를 확인해서 라우팅이 되는데 :key="$route.query.mode"이 아닌 :key=$route.path를 이용해야지 path 명이 다르다는걸 인지하고 라우팅이 맞게 됨

0개의 댓글