Vue 조건부 리스트 렌더링1 Vue3 기초: 조건부 리스트 렌더링 지난시간에 배열과 객체 등을 리스트로 화면에 그려내는 것까지 해보았다. 이번에는 for 반복을 통하여 리스트를 그려내되, 조건에 따라서 특정 항목들만 그려내는 방법에 대해서 알아보도록 하자. 단순히 이전에 공부했던 v-for와 v-if(혹은 v-show)를 함께 사용하면 되지 않을까? 라고 생각하였지만, vue3에서는 한 태그에 v-for와 v-if를 함께 사용할 수 없도록 해두었다. 공식 홈페이지에는 v-if와 v-for가 같이 쓰이면 v-if가 먼저 평가된다고 적혀있지만 실제로 해보면 그냥 에러난다 그렇다면 어떻게 반복을 돌면서 조건문을 적용할 수 있을까? 방법에는 여러가지가 있겠지만 2가지만 소개하겠다. 먼저, 고계함수를 이용하는 방법이 있다. 그중에서도 filter가 아주 효과적이라고 볼 수 있겠.. 2022. 2. 21. 이전 1 다음
