Vue.js 문법 정리 (지속적으로 업데이트)

Vue에서 사용되는 문법을 정리한 문서이다. 개인적으로 몰랐거나 헷갈렸거나 정리할만한 내용이 있는 문법만 정리한다.

 

1. v-if와 v-show

 

v-if는 조건식이다. 변수를 적어주고 false이면 거짓이 되므로 태그가 출력되지 않는다. 일반적인 프로그래밍 언어의 if문과 비슷하게 생각하면 된다. vue의 기능은 'v-'로 표시한다. 태그를 단순히 감추는 것이면 v-show를 사용하면 된다.

 

 

2. v-cloak

 

v-cloak은 VueJS에서 렌더딩 되기 이 전에 브라우저에서 감추는 역할을 한다.