Vue에서 불변 객체를 활용해 성능 최적화하는 방법과 원리
실무에서 자주 마주치는 문제 상황을 하나 살펴보자. 아래 예제는 단순한 버튼을 포함하고 있으며, 클릭 시 데이터를 로드하고 그 길이를 화면에 표시한다.
템플릿은 다음과 같다. 버튼에 loadData 메서드를 바인딩하고, myData 배열의 길이를 출력한다.
<template>
<div id="app">
<button @click="loadData">데이터 로드</button>
...
6월 7일 22:35에 게시됨