Vue 3에서 성능과 코드 품질을 높이는 핵심 기술들

1️⃣ **v-memo —— 효율적인 컴포넌트 최적화**
리스트 항목의 내용이 변하지 않지만 자주 diff가 발생하는 경우 유용합니다.
<template>
  <ul>
    <li v-for="element in elements" :key="element.id" v-memo="[element.value]">
      {{ element.value }}
    </li>
  </ul>
</template>
`computed`보다 가볍고, 의존성이 변경될 때만 patch를 트리거하여 Vue 3의 강력한 성능 개선 도구입니다.
2️⃣ **defineOptions —— 간편한 컴포넌트 설정**
`