![[Vue] 템플릿 문법](https://mblogthumb-phinf.pstatic.net/MjAyMjA1MTlfMTMg/MDAxNjUyOTQ0NDI1ODA2.I2FYt4QgWkxeMgxoVarE2aJf7D_T6te4uS4vlaG_U2Mg.O3ASmcubrneu8bl54uidQcecWNyKtXYyzBxQzLxf-ikg.PNG.webdeveloping/vue.png?type=w2 "[Vue] 템플릿 문법")
먼저 v-once Directive다. v-once는 반응성으로 매번 렌더링하지 않고 한 번만 렌더링하고 싶을 때 사용한다. <!DOCTYPE html> <html lang="ko"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Vue test</title> <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script> </head> <body> <div id="app"> <!-- v-once는 한 번만 렌더링하고 반응성은 신경쓰지 않을 경우. --> <div v-once>{{ msg }}</div> <div>{{ msg }}</div> <div>{{ msg }}</div> </di...
#bind
#패스트캠퍼스
#템플릿
#자바스크립트
#약어
#문법
#디렉티브
#vuejs
#vue
#vonce
#vhtml
#v
#templet
#once
#javascript
#html
#directive
#패캠
원문링크 : [Vue] 템플릿 문법
네이버 블로그
티스토리
커뮤니티