그림 3-23 실행결과

뷰 애플리케이션은 값이 바뀌면 이를 감지하고 화면을 다시 렌더링합니다. 이 과정에서 웹 브라우저는 새로고침이 발생하지 않습니다. 이는 뷰의 반응성 때문입니다. 변화된 값을 감지하고, 해당 값으로 인해 변경된 부분만 업데이트합니다.

● v-once 디렉티브로 화면 업데이트 막기

뷰는 반응성 시스템이 구현되어 값이 변경되면 자동으로 감지하고 화면을 업데이트합니다. 하지만 경우에 따라 값이 변경되어도 화면을 업데이트하고 싶지 않을 때가 있습니다. 이럴 때는 v-once 디렉티브를 사용합니다. v-once 디렉티브는 정적 디렉티브로, 이를 사용하면 어떠한 요소든지 한 번만 렌더링하고 이후에는 렌더링하지 않습니다.