vue 단한 번만 캐시를 실행시키는 v-once

vue 단한 번만 캐시를 실행시키는  v-once

애플리케이션 개발에는 서비스 이용약관 같이 데이터가 없는 정적 콘텐츠를 렌더링하는 경우도 있다.

이런 경우에는 여러 번 캐시될 필요가 없으므로, 단 한번만 캐시를 싱행하기 위해서는 컴포넌트 템플릿의 루트 엘리먼트에 v-once를 추가하면 된다.

HTML

<div id="app">

<static-component></static-component>

</div>

SCRIPT

<script type="text/x-template" id="static-component-template">

<div v-once>

<h1>이용약관</h1>

<p>이용약관 내용입니다.</p>

</div>

</script>

<script>

Vue.component( "static-component",{

template: "#static-component-template"

});

new Vue({

el: "#app"

});

</script>