[ VueJS 입문 ] 일회성 디렉티브 v-once / VueJS Directive

• 일회성 디렉티브 - https://jsfiddle.net/sunghun/th2m9ws7/8/

샘플에서 보면 sayHello() 함수 부분에 title을 "안녕하십니까!" 로 변경해두었다. 만일 <h1>태그에 v-once 속성을 사용하지 않았다면 {{ title }} 과 {{ sayHello() }} 두곳 모두 변경된 "안녕하십니까!" 가 출력이 될 것 이다. 하지만 v-once 디렉티브로 {{ title }}의 원래의 값인 "안녕 VueJS!"가 출력이 되고 그뒤 함수 안에서 변경된 내용은 다음 {{ sayHello() }} 부분에만 변경이 되게 된다.