더북(TheBook)

v-memo/src/App.vue

<script>
export default {
  data() {
    return {
      name: '철수',
      gender: '남자',
      age: 20,
    };
  },
}
</script>
<template>
  <div v-memo="[name, gender]">
    <p>이름: {{ name }}</p>
    <p>성별: {{ gender }}</p>
    <p>나이: {{ age }}</p>
  </div>
  <button @click="name = '영희'">이름 변경</button>
  <button @click="gender = '여자'">성별 변경</button>
  <button @click="age = 30">나이 변경</button>
</template>
신간 소식 구독하기
뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.