vue 주요기능2 Vue(version 3) 주요 기능 정리(v-for) #3 vuejs 기능 중 v-for에 대한 기능을 설명합니다.v-for는 반복되는 Element를 구성할 때 자주 사용되는 기능입니다.template> template v-for="user of UserList" :key="`user-${user.id}`"> div :id="user.id"> {{ user.name }} div> span>{{ user.email }}span> template>template>script setup lang="ts">interface User { id: string name: string email: string}const UserList = reactiveUser[]>([ { id: 'test1', name: '테스트1', email: 't.. 2024. 1. 28. Vue(version 3) 주요 기능 정리(v-if, v-show) #2 이번에는 v-if와 v-show를 기능을 소개하겠습니다. 코딩을 해본 사람들은 이 기능에 익숙할 것으로 보입니다. 이 기능은 해당 컴포넌트나, Element 를 보이거나 숨길 경우 사용합니다. const isShow = ref(false) let isUserView: boolean = false const ShowElement = (): boolean => { return isShow.value } const CalcUserView = computed((): boolean => { return isUserView }) 위 처럼 조건자, 메소드, 반응형 변수에 사용이 가능합니다. 메소드로 지정되어 있으면, 최초 랜더링 될 때, 한번 체크를 하고, 조건자가 반응형 변수이거나 computed를 사용할 경우 변.. 2024. 1. 26. 이전 1 다음 반응형
