Vue.js v-if 조건문 작성법

 

조건문 사용법 

1. true와 false를 구분한다.

2. 꼭 data를 넣어줄 곳에 v-if="seen"의 형태로 태그에 넣어 준다.

3. 플레그 값을 잘 활용하면 좋을 듯 하다.

 

 

html 을 작성해 준다 id와 data의 내용에 꼭 true로 적어 주어야한다. v-if. seen에서 내용을 확인한 후 true이면 개제를

하는 형식이다. 이런 것은 백단위에서 ajax통신이나 서버와 연결을 할때 내용을 정리한 후 true면 보여주고 false면 안보여지는 형태의 것을 만들 수 있다. 예를 들어 관리자나 유저의 구분을 주는 플레그 값으로 만들 수 있다 

실행 결과는 밑에

와 같다

seen 을 false로 주면실행 화면이 다음과 같다.