vue v-if (1) 썸네일형 리스트형 Vuejs 2 . v-if 와 v-show 1. v-if v-if 속성은 이름처럼 vue에서의 조건 속성입니다. v-if 디렉티브는 조건에 따라 블록을 렌더링하기 위해 사용됩니다. 블록은 디렉티브의 표현식이 true 값을 반환할 때만 렌더링됩니다. 아래의 예제는 버튼을 클릭하면 True가 False로 바뀌는 예제입니다. 먼저 버튼에 클릭이벤트를 넣어주고 메소드에 함수를 설정합니다. this.show = !this.show; --> 토글 효과, 버튼을 클릭할때마다 true와 false가 교차됨 this.show = false; --> 버튼을 클릭하면 false되고 버튼을 다시 클릭해도 이미 false이기 때문에 변화가 없음 데이터에 show를 true로 설정했으므로 처음 웹 브라우저에서는 3개가 모두 보일것입니다. 버튼을 누르면 false로 바뀌면.. 이전 1 다음
