[VueJS] v-once : 정적 콘텐츠 지정, 정적 디렉티브
vueJS의 기본 디렉티브 중 하나인 v-once에 대해 알아보자. 제목처럼 v-once가 정적 디렉티브라 불리는 이유는 처음 한번만 렌더링을 수행하며, 그 이후 데이터가 변경되어도 그대로 유지되기 때문이다. 즉, 처음 렌더링 된 후 캐싱되도록 지정한다고 생각하면된다. 이러한 특성을 사용하여 정적 콘텐츠를 지정할 수 있다. 예제를 통해 실제 어떻게 적용되는지 알아보도록 하자. ▷ 예제1) v-once 기본 사용법 유지 메시지: "{{ message }}" 변경 메시지: "{{ message }}" 내 블로그는 mine-it-record야 var vm = new Vue({ el: '#example', data: { message: '안녕하세요' }, methods : { change : function()..
2021. 11. 11.