10. vue-route-key

<router-view :key="$routeKey[0]" />

query string 및 path parameter의 변경을 감지해 컴포넌트를 re-rendering 시키는 라이브러리이다.

<router-view :key="$route.fullPath"/>

보통 위와 같은 방식으로 query string 변화를 감지해 re-rendering 시켰다.

하지만 위 방식은 효율적이라고 할 수는 없다.

re-rendering 시키고 싶지 않을 때도, re-rendering 시키기 때문이다.

이를 해결하고자하는 라이브러리가 vue-route-key이다.

하지만 현재 라이브러리 관리가 안되고있으며, 사용수도 적다.

---

App.vue
<router-view/> <- :key=$routeKey[0] <- 여기가 변경되면 re-rendering
    ㄴ component1
    ㄴ component1_1
    ㄴ component1_2
    ㄴ component1_3
    ㄴ component1_4
    ㄴ router-view  <- 여기가 만약 변경되면, re-rendering X
        ㄴ otherComponent1 
            ㄴ router-view <- 여기가 변경되도 re-rendering X
                ㄴ component…